在iPad Air 2上无法正确渲染three.js

时间:2015-02-09 18:54:25

标签: javascript ipad three.js

我刚刚开始使用iPad Air 2进行工作,并希望开始使用equirectangular全景图。这些在桌面上运行良好,但iPad / iPhone添加了一些很酷的选项,可以开始使用设备方向作为控件。

当我在iPad上提起我的剧本时,它看起来非常糟糕。我可以说出它是什么,但只是因为我熟悉这张照片。我真的不确定是什么导致了这个问题。据我所知,这看起来是iPad本地的。我已经测试过WebGL可用,并且总是以漂亮的颜色传递。

在我的代码中,我正在尝试创建一个球体并将照片用作网格。就像我说的,它适用于桌面,而不是iPad。我一直在环顾四周,但未能找到任何真正的解决方案或报道的非常类似的问题。我完全坚持这个。

以下是示例链接:http://www.freeptools.com/mapster/360/2/

1 个答案:

答案 0 :(得分:2)

您需要调整图片大小才能成为二人的力量。例如,2048 x 1024。

我建议更新到当前版本的three.js,并确保正确处理设备像素比率。

renderer = new THREE.WebGLRenderer();
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );

有关全景示例,请参阅此three.js演示:http://threejs.org/examples/misc_controls_deviceorientation.html

three.js r.70