我最近花了一些时间玩一个名为 Draw Something ( Android , iOS ) 的游戏。我喜欢一个玩家可以在屏幕上绘制的方式,并且将为第二个玩家重新创建绘图。我想在我的网站上使用类似的东西,但我不确定如何。
我正在处理的项目将使用一对多连接,而不是 Draw Something 的一对一连接。本质上,用户将制作一幅画,并且应该为任何查看它的人重新创建它。
是否可以使用 HTML5、JS 和 Python 的某种组合在 Web 上执行此操作?
ontouchstart
使用和ontouchmove
轻松完成ontouchend
。示例: http: //ontouchstart.github.com/
只需跟踪触摸事件(或鼠标,但使用onmousedown
,onmousemove
和onmouseup
)的坐标并将其发送到服务器。然后服务器将数据发送到其他客户端,这些客户端根据事件的坐标绘制所有内容。
这是一个使用 Raphaeljs http://ianli.com/sketchpad/的库。它以 JSON 格式存储绘图,您可以在任何需要的地方重新绘制。我不确定它是否适合您想做的事情,但它可能会起作用。