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

标签 javascript android jquery python css

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

enter image description here

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

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

最佳答案

考虑使用 WebGL ,您会在它的 API 中找到很多您需要的东西(用于在浏览器中对电话对象进行 3D 转换和渲染)。
此外,作为 user1561358建议切断中间人,当你可以从 js 打开一个 websocket 到你的 android 应用程序时,你为什么要使用 python 脚本来中继数据。这也将使您免于不断轮询文件。

I would like a full explanation to my problem.

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

关于javascript - 使用 android 加速度计数据动画对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34450991/

相关文章:

javascript - freemarker 替换 & 和 &

android - 如何在android中显示网页?

java - 通知管理器 : cancel(id) DON'T work

php - Laravel 4 如何使用 ajax 和 json 返回多个 View 数据?

javascript - 使用 jquery 编辑 iframe 内容

javascript - 重写htaccess找不到文件

php - 从图像 OnClick 事件执行 PHP 函数

javascript - 导航到另一个页面时,Angular 会复制 $scope

javascript - 在预定义的 div 中使用 nivoslider

java - 在单值事件监听器上检索 Firebase 实时数据库中的子元素?