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

Javascript three.js在iPad Air 2上无法正确渲染,javascript,ipad,three.js,Javascript,Ipad,Three.js,我刚开始使用iPadAir 2进行工作,想开始使用等矩形全景。这些功能在桌面上非常有效,但iPad/iPhone增加了一些很酷的选项,可以开始使用设备方向作为控件 当我在iPad上打开我的脚本时,它看起来非常糟糕。我能分辨出是什么东西,但这只是因为我熟悉这张照片。我真的不确定是什么导致了这个问题。据我所知,这看起来是iPad的本地产品。我已经测试过WebGL是可用的,并且总是以优异的成绩通过测试 在我的代码中,我尝试创建一个球体,并使用照片作为网格。就像我说的,它在桌面上工作,而不是在iPad上

我刚开始使用iPadAir 2进行工作,想开始使用等矩形全景。这些功能在桌面上非常有效,但iPad/iPhone增加了一些很酷的选项,可以开始使用设备方向作为控件

当我在iPad上打开我的脚本时,它看起来非常糟糕。我能分辨出是什么东西,但这只是因为我熟悉这张照片。我真的不确定是什么导致了这个问题。据我所知,这看起来是iPad的本地产品。我已经测试过WebGL是可用的,并且总是以优异的成绩通过测试

在我的代码中,我尝试创建一个球体,并使用照片作为网格。就像我说的,它在桌面上工作,而不是在iPad上。我一直在四处寻找,但没有找到任何真正的解决方案,也没有报告任何类似的问题。我完全被这件事缠住了


下面是示例链接:

您需要将图像调整为二的幂。例如,2048 x 1024

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

renderer = new THREE.WebGLRenderer();
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
有关全景图示例,请参见以下three.js演示:


three.js r.70

我刚刚验证了iPadAir 2在safari和chrome中的糟糕表现。因为它是在桌面(chrome、firefox)上工作的,所以它必须在ipad上实现webgl。除非你打开一个bug报告,否则你做不了什么。我想更新,我可以通过简单地调整图像的大小来让事情正常进行。图像为3584x1792。不知道为什么这似乎是一个问题,但将图像大小调整到2048x1024似乎可以解决问题。我认为这是太多的图像,希望处理干净,因为2x1的角度仍然存在。