看一下WebGL等矩形全景图示例,它可以在具有最新版本的移动版Chrome的台式机和移动设备(三星S4 Android 4.4.2)上很好地工作。
但是,在同样具有Android 4.4.2和最新版本的移动Chrome的三星平板电脑SM-T230上,等边矩形示例也不起作用。此处,设备方向控制示例也不起作用。
在此设备上唯一可以正常使用的是Canvas几何全景示例,令我惊讶的是CSS3D全景示例效果最好!
所以这一切让我感到困惑。数位板确实支持WebGL,但是它的某些部分不起作用,例如Canvas几何全景示例,即使它不流畅也不勉强,但它都支持WebGL。
如何确定设备是否支持WebGL等角全景图示例?我正在寻找一种方法来为三星平板电脑SM-T230之类的设备创建后备,我希望使用CSS3D版本的等角全景图。
现在,我发现了许多检查WebGL支持的问题和答案,Three.js甚至还有一个Detector.js可以帮助您解决此问题,但是如何确定特定设备是否喜欢WebGL的等角全景图部分?
也许我与Modernizr一起需要检查设备支持设备方向控制示例所需的其他某些传感器?
我的目标是在支持该功能的PDA上,不使用CSS3D版本全景图的PDA上以及在台式机上使用鼠标拖动以查看球形投影各部分的正常WebGL等矩形全景图,来制作一个具有设备方向控件的等角全景图。
我认为,仅在这里检查一下Detector.js是否支持WebGL是不够的。我还需要考虑代码中还有硬件方面的什么?
这解决了我的问题。T230确实确实不支持DeviceOrientationEvent,包括其4个属性alpha,beta,gamma和absolute。在测试中,这些为null和false。因此,我可以使用它来检查支持并将CSS3D用作不支持DeviceOrientationEvent的后备。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句