ブラウザ ウィンドウを操作するまで、collada モデルを three.js でレンダリングできません。Chrome では、ページ上の任意の場所にマウスを移動するだけで簡単に実行できます (実際のキャンバスはウィンドウ全体よりも小さい)。Safari では、モデルをレンダリングするためにクリック アンド ドラッグが必要です。奇妙なことに、シーンの残りの部分は適切にロードされています (シーンにレンダリングするグリッドといくつかのライトがあります) が、何かを行うまでモデルは表示されません。シーンをだましてモデルを表示する必要があることを認識させる方法について何か考えはありますか?
var loader = new THREE.ColladaLoader();
loader.options.convertUpAxis = true;
loader.load('../MODELS/teapot.dae', function colladaReady( collada ) {
dae = collada.scene;
skin = collada.skins[ 0 ];
dae.scale.x = dae.scale.y = dae.scale.z = 10;
dae.position.y = 75;
dae.updateMatrix();
scene.add(dae);
});
document.getElementById('myCanvas').appendChild(renderer.domElement);
render();