2013-01-13 17 views
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> 

回答

1

在animate函數

固定線路renderer.render(scene,camera);

對不起張貼這麼愚蠢quesion,傻misstakes:|

相關問題