屏幕截图ala Draw Something

时间:2012-04-27 13:16:53

标签: javascript python html5 video screen-capture

我最近花了一些时间玩一款名为Draw Something(AndroidiOS)的游戏。我喜欢玩家可以在屏幕上绘制的方式,并且将为第二个玩家重新创建绘图。我想在我的网站上使用类似的东西,但我不确定如何。

我正在进行的项目将使用一对多连接,而不是Draw Something的一对一连接。基本上,用户将制作一个绘图,并且应该为任何查看它的人重新创建它。

是否可以使用HTML5,JS和Python的某种组合在Web上执行此操作?

2 个答案:

答案 0 :(得分:2)

使用ontouchstartontouchmoveontouchend轻松完成。示例:http://ontouchstart.github.com/

只需跟踪触摸事件(或鼠标的坐标,但使用onmousedownonmousemoveonmouseup)并将其发送到服务器。然后,服务器将数据发送给其他客户端,这些客户端根据事件的坐标绘制所有内容。

答案 1 :(得分:0)

这是一个使用Raphaeljs http://ianli.com/sketchpad/的图书馆。它以JSON格式存储绘图,您可以使用它在任何需要的地方重绘。我不确定它适合你想做什么,但它可能有效。