サファリモバイル - クラッシュ - 3つのJSテクスチャが読み込まれない

Question

THREE.jsを使用して球面パノラマを作成しようとしています。これはSafariデスクトップでうまくいくが、iPADのSafari Mobileでクラッシュする。それは私がテクスチャ画像をロードする方法と関係があります。私は

キャンバスレンダラを使用しています私は

1. を試してみた

   いくつかのことは、小さいサイズの画像をアップロードしようとしました。

2. 2テクスチャ画像のパワーを試しました。
3. 球体にワイヤーフレーム材料を装填しようとしました - それは動作します！

ここに私のコードです。 http://pastebin.com/1nwTMHJV

sceneHolder = document.getElementById('sceneHolder'); 
scene = new THREE.Scene(); 
camera = new THREE.PerspectiveCamera(60, SCENE_WIDTH/SCENE_HEIGHT, 1, 10000); 
camera.position.z = 0; 
scene.add(camera); 

var sphereGeom = new THREE.SphereGeometry(200, 20, 20); 
//NOTE: If we add {},function(){render()} in the following, it stops working! 
var sphereTexture = THREE.ImageUtils.loadTexture('media/vr/testpot.jpg'); 
mesh = new THREE.Mesh(sphereGeom,new THREE.MeshBasicMaterial({map:sphereTexture,overdraw:true})); 
//So that we see the inside of the sphere too! 
mesh.doubleSided=true; 
scene.add(mesh); 

renderer = new THREE.CanvasRenderer(); 
renderer.setSize( SCENE_WIDTH, SCENE_HEIGHT); 
sceneHolder.appendChild(renderer.domElement); 

ここTHREE.jsまた https://github.com/mrdoob/three.js/issues/1529

上の私のポストです：https://github.com/mrdoob/three.js/issues/1550

おかげで smaira

Answer 1

私は顔の数はiPad上で実行することができ低下、試してみましたが、それはですちょうど醜い。あなたが試すこと

：

renderer.render(scene, camera); 

結論レンダリング時の

var sphereGeom = new THREE.SphereGeometry(200, 10, 10); 

とサファリのクラッシュ：ロード・画像テクスチャがあまりにも多くの顔を球にあれば を、iPadは

をクラッシュします