2015-02-09 105 views
0

最近我一直在用這種方法來傷腦筋。我剛開始使用ipad air 2進行工作,並希望開始處理equirectangular全景圖。這些工作在桌面上很好,但一個ipad /手機添加一些很酷的選項,開始使用設備方向作爲控件。three.js在ipad air上不能正確顯示2

那麼,當我拉上我的腳本在iPad上,它看起來非常糟糕的渲染。我可以說出是什麼,但只是因爲我熟悉這張照片。我真的不知道是什麼原因造成這個問題,我真的很感謝一些幫助。據我所知,這看起來是ipad本地的。我已經測試過可用的webGL,並且總是以超炫的顏色通過。

在我的代碼中,我試圖創建一個球體並將照片用作網格。就像我說的那樣,它可以在桌面上運行,而不是ipad。我一直在環顧四周,但一直未能找到任何真正的解決方案或報告的可比較的問題。我完全停留在這一個。

這裏的樣品鏈接:http://www.freeptools.com/mapster/360/2/

+0

我剛剛在safari和chrome上驗證了ipad air 2上的蹩腳渲染。由於它在桌面上運行(chrome,firefox),它必須在ipad上實現webgl。除非你打開一個錯誤報告,否則你可以做的事情不多。 – gaitat 2015-02-09 20:10:42

+0

我想更新,通過簡單地調整圖像大小,我就能夠正常工作。圖像是3584x1792。不知道爲什麼這似乎是一個問題,但將圖像大小調整到2048x1024似乎是個竅門。我認爲這是太多的形象,想要處理乾淨,因爲2x1的角度仍然存在。 – 2015-02-16 17:55:00

回答

1

您需要調整您的圖像是一個功率的兩種。例如,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