1
我試着去創造太陽,但是當我試運行這段代碼,我得到錯誤對象#<Screen>有沒有方法「updateMatrixWorld」 ERROR
THREE.CanvasRenderer 54 three.min.js:262
102
Uncaught TypeError: Object #<Screen> has no method 'updateMatrixWorld' three.min.js:126
192
Uncaught TypeError: Object #<Screen> has no method 'updateMatrixWorld'
而我使用的最新版本也一樣,我下載了昨天(12日2013年1月)。
請幫我看看我做錯了什麼!
此外,想知道btw WebGLRenderer和CanvasRenderer的差異。
<script src="vendor/three.js/three.min.js"></script>
<script src="vendor/three.js/Detector.js"></script>
<script src="vendor/three.js/ShaderExtras.js"></script>
<script src="vendor/three.js/Stats.js"></script>
<script>
var scene, renderer, camera, container, W, H;
W = parseInt(document.body.clientWidth);
H = parseInt(document.body.clientHeight);
container = document.createElement('div');
document.body.appendChild(container);
camera = new THREE.PerspectiveCamera(45, W/H, 1, 10000); //field of view, aspect ratio, near and far clipping plane
camera.position.z = 4300;
scene = new THREE.Scene();
//Sun
var sun, sun_geom, sun_mat;
sun_geom = new THREE.SphereGeometry(430, 30, 30); //radius, second and third parameters how many triangles to generate
sun_mat = new THREE.MeshNormalMaterial();
sun = new THREE.Mesh(sun_geom, sun_mat);
scene.add(sun);
//renderer
renderer = new THREE.CanvasRenderer();
renderer.setSize(W, H);
container.appendChild(renderer.domElement);
animate();
function animate() {
requestAnimationFrame(animate);
renderer.render(screen, camera);
}
</script>