Javascript 对象#<;屏幕>;没有方法';更新矩阵世界&x27;错误

Javascript 对象#<;屏幕>;没有方法';更新矩阵世界&x27;错误,javascript,three.js,Javascript,Three.js,我正在尝试创建sun,但是当我测试运行这段代码时,我得到了一个错误 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 'updateMatrixWor

我正在尝试创建sun,但是当我测试运行这段代码时,我得到了一个错误

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' 
THREE.canvas54 THREE.min.js:262
102
未捕获的TypeError:对象#没有方法'UpdateMatrix'three.min.js:126
192
未捕获的TypeError:对象#没有方法“UpdateMatrix World”
我也在使用最新版本,我只是昨天(2013年1月12日)下载的

请帮我找出我做错了什么

另外,想知道不同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>

var场景、渲染器、摄影机、容器、W、H;
W=parseInt(document.body.clientWidth);
H=parseInt(document.body.clientHeight);
container=document.createElement('div');
文件.正文.附件(容器);
摄像机=新的三个透视摄像机(45,W/H,11000)//视野、纵横比、近剪裁平面和远剪裁平面
摄像机位置z=4300;
场景=新的三个。场景();
//太阳
var sun、sun_geom、sun_mat;
sun_geom=新三种。球墨法(430,30,30)//半径、第二个和第三个参数要生成多少个三角形
sun_mat=新的三个.MeshNormalMaterial();
sun=新的三层网格(sun\u geom、sun\u mat);
场景。添加(太阳);
//渲染器
renderer=new THREE.CanvasRenderer();
渲染器。设置大小(W,H);
container.appendChild(renderer.domeElement);
制作动画();
函数animate(){
请求动画帧(动画);
渲染器。渲染(屏幕、相机);
}

在动画功能中

修复了行
渲染器。渲染(场景,相机)

我很抱歉发布这样一个愚蠢的问题,愚蠢的失误:|