使用android加速度计数据动画对象

Question

我正在使用Android应用程序将加速度计数据传输到我的PC上的python脚本,然后将其写入文本文件.然后我尝试使用Javascript和jQuery动画3d CSS长方体(以设备的形状)来模仿设备在流式传输数据时的移动方式.

起初我尝试使用陀螺仪数据,以弧度/秒输出.我通过将值乘以57(一个以弧度为单位的弧度)左右将其转换为度/秒,但是当我尝试rotateX: 100deg使用这些值时,这会导致使用这些值进行动画时的不稳定行为.

我想知道如何使用从我的Android设备的加速度计收集的数据来动画3d CSS对象,或者这是否可行？

Answer 1

考虑使用WebGL，您会在其 API 中找到您需要的大部分功能（用于 3D 转换和在浏览器中渲染手机对象）。
另外，正如user1561358建议减少中间人一样，当您可以打开从 js 到 Android 应用程序的 websocket 时，为什么还要使用 python 脚本来中继数据。这也将使您免于不断轮询文件。

我想要对我的问题的完整解释。

1. Android 应用程序在启动时创建一个套接字，通知用户其 IP 和端口。
2. webgl 应用程序询问 ip:port 信息，提交后打开 websocket。
3. 如果握手成功，则要求用户稳定手机并同步两端（按下按钮，手机将通知 WebGL 它完全水平。）
4. 从同步开始，手机将通过套接字将 3 轴中的任何更改转发到 WebGL 应用程序。
5. WebGL 根据接收到的手机方向的变化来转换手机对象。