この本「WebGL: Up And Running」を勉強しています。これまでは本当にうまくいっていましたが、今ではcolladaローダーが頭を混乱させています.本と同じ例をフレームワークなしで実行しようとしています. そのため、Three.js や ColladaLoader.js のような基本的なクラスだけを自作したクラスはありません。サンプルの collada モデルは、cms でスケーリングされたロボットです。スクリプトはこちら
<div style="background:black;height:500px;width:500px"></div>
<script type="text/javascript" src="three.js"></script>
<script type="text/javascript" src="tween.js"></script>
<script type="text/javascript" src="colladaLoader.js"></script>
<script>
var div=document.getElementsByTagName("div")[0];
var renderer=new THREE.WebGLRenderer({antialias:true});
renderer.setSize(500,500);
div.appendChild(renderer.domElement)
var scene=new THREE.Scene();
var camera=new THREE.PerspectiveCamera(90,1,1,4000)
camera.position.set(0,0,250)
scene.add(camera);
var robot=new THREE.Object3D();
var loader=new THREE.ColladaLoader();
loader.load("robot.dae",function(data){scene.add(data.scene);var model=data.scene;model.scale.set(0.01,0.01,0.01);renderer.render(scene,camera)})
</script>
コード例 http://chetanmehta.byethost15.com/newgen.htm
私が直面している問題は、ロードされたモデルを見ることができないことです。ちょうど黒いdiv。レッスンを続けられるように助けてください。よろしくお願いします。