我正在使用 Android 应用程序将加速度计数据流式传输到我 PC 上的 python 脚本,然后将其写入文本文件。然后,我尝试使用 Javascript 和 jQuery 为 3d CSS 长方体(设备形状)制作动画,以模仿设备在流式传输数据时的移动方式。
起初我使用陀螺仪数据进行了尝试,该数据以弧度/秒输出。我通过将值乘以 57(以度为单位的弧度)左右将其转换为度/秒,但是当我尝试 rotateX: 100deg
时,例如这导致在使用这些值制作动画时出现不稳定的行为.
我想知道如何使用从我的 Android 设备的加速度计收集的数据为 3d CSS 对象制作动画,或者这是否可能?
最佳答案
考虑使用 WebGL ,您会在它的 API 中找到很多您需要的东西(用于在浏览器中对电话对象进行 3D 转换和渲染)。
此外,作为 user1561358建议切断中间人,当你可以从 js 打开一个 websocket 到你的 android 应用程序时,你为什么要使用 python 脚本来中继数据。这也将使您免于不断轮询文件。
I would like a full explanation to my problem.
- Android 应用程序在启动时创建套接字,将其 IP 和端口告知用户。
- webgl 应用程序请求 ip:port 信息,提交后打开 websocket。
- 如果握手成功,要求用户稳定手机并同步两端(按下一个按钮,这样手机就会通知 WebGL 它是完全水平的。)
- 从同步开始,手机将通过套接字将 3 个轴上的任何更改中继到 WebGL 应用程序。
- WebGL 根据接收到的手机方向变化转换手机对象。
关于javascript - 使用 android 加速度计数据动画对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34450991/