html网页上的虚拟操纵杆[关闭]答案

【问题标题】：Virtual Joystick on a html webpage [closed]html网页上的虚拟操纵杆[关闭]
【发布时间】：2013-03-07 17:40:12
【问题描述】：

1）我需要制作一个网页（html+javascript），其中包含此视频中的操纵杆：http://www.youtube.com/watch?v=-8_8CEKlsYo

2）当你移动摇杆时，python（或其他编程语言）需要根据摇杆的位置通过I²C发送数据（我知道python代码）

3) 有没有人可以使用某种示例，主要需要操纵杆以及如果操纵杆移动如何发送数据？

我的网页和 python 脚本将在树莓派上运行

【问题讨论】：

您希望如何控制操纵杆？通过键盘还是鼠标？取决于哪个，您将需要衡量正在发送的数据（如果是通过键盘，则可能是他们持有某个键的时间，如果是鼠标，则可能基于鼠标的坐标。我们还想看看您尝试了什么。
如果您确实需要将操纵杆区域设为圆形，这可能效果不佳，但您可以从查看可拖动项目的 jquery ui 组件开始：jqueryui.com/draggable/#constrain-movement

【解决方案1】：

对操纵杆进行编码的一个潜在解决方案：Pygame 非常适合绘制图像、获取鼠标输入以及移动操纵杆“头部”以跟随鼠标。祝你好运！

【讨论】：

如果您选择这条路线，我强烈推荐这本书（免费 PDF 下载）来帮助您入门。略过介绍性内容，然后查看“hello world”代码示例。 inventwithpython.com/pygame/chapters（你绝对不需要整本书；CH2 和 3 中的代码应该足以构建操纵杆。）