Android   发布时间:2022-04-28  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – chrome mobile和safari mobile中不同的陀螺仪值大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

我目前正在构建一个小型全景照片查看器,可以选择使用陀螺仪导航场景.我从deviceOrientation事件中获取数据并将euler角度转换为旋转矩阵,然后将其放入一些变换并最终移动带有3dMatrix变换的css立方体.

我的问题是我在不同设备上的不同浏览器上从deviceOrientation事件中获得了非常不同的数据,我不明白为什么.

在我尝试的几乎所有iPhone上,使用safari mobile和Chrome,一切都很棒.价值观进入并且有意义,整个体验非常无缝.

在三星Galaxy S3上,在Chrome中,我的数据完全不稳定. alpha值实际上似乎并不代表围绕z轴的旋转,并且值有巨大的飞跃,例如beta跳跃从50-130度只有一个小的运动.

在Chrome中的Galaxy Tab S 8.4“中,我仍然会得到一些不稳定的值,有些来回抽搐,但我至少得到了一些近似于所需行为的东西.

在Chrome上的Nexus 7 2nd gen上,体验是连贯的,也是有意义的.与iPhone相比,它的渲染速度不稳定,但它正在正确地旋转所有内容,并且这些值很有意义.

有谁知道我怎么能解决这些问题,或者我应该如何解决这些问题?它们可能是Android的三星端口的问题,或者在最新版本的操作系统中的Android本身.

?想法?建议?我此时真的很失落.

谢谢!

最佳答案
在这里您可以找到JS事件的详细信息:
http://dorukeker.com/know-thy-gyroscope-and-js-part-i/

以下是哪些设备的值不同:http://dorukeker.com/know-thy-gyroscope-and-js-part-ii/

这是我准备处理这些差异的JS文件https://github.com/dorukeker/gyronorm.js

更新:我刚刚在GitHub上更新了gyronorm.js.现在有一些函数可以告诉您设备/浏览器组合上是否有某个变量可用.检查GitHub页面以下载和使用方法.

我希望这些帮助.
请享用!

大佬总结

以上是大佬教程为你收集整理的javascript – chrome mobile和safari mobile中不同的陀螺仪值全部内容,希望文章能够帮你解决javascript – chrome mobile和safari mobile中不同的陀螺仪值所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。