Three.js - Uncaught TypeError: undefined не является функцией

Я получаюUncaught TypeError: undefined is not a function при использовании Three.js. Ошибка показывается для строки, где я создаюTHREE.PerspectiveCamera, Сценарий

window.requestAnimFrame = (function(callback){
        return window.requestAnimationFrame ||
        window.webkitRequestAnimationFrame ||
        window.mozRequestAnimationFrame ||
        window.oRequestAnimationFrame ||
        window.msRequestAnimationFrame ||
        function(callback){
            window.setTimeout(callback, 1000 / 60);
        };
    })();

    function animate(lastTime, angularSpeed, three){
        // update
        var date = new Date();
        var time = date.getTime();
        lastTime = time;

        // render
        three.renderer.render(three.scene, three.camera);

        // request new frame
        requestAnimFrame(function(){
            animate(lastTime, angularSpeed, three);
        });
    }

    $(window).bind('load',function(){
        var angularSpeed = 0.2; // revolutions per second
        var lastTime = 0;
        $container = $("#container");
        var renderer = new THREE.WebGLRenderer();
        renderer.setSize(window.innerWidth, window.innerHeight);
        $container.append(renderer.domElement);

        // camera - Uncaught Type Error on the below line
        var camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 1, 1000);
        camera.position.y = -450;
        camera.position.z = 400;
        camera.rotation.x = 45 * (Math.PI / 180);

        // scene
        var scene = new THREE.Scene();

        var material = new THREE.LineBasicMaterial({
                            color: 0x0000ff,
                        });
        var geometry = new THREE.Geometry();
        for(var i=0;i<100;i++){
            geometry.vertices.push(new THREE.Vector3(i-100,i-100,i-100));
            geometry.vertices.push(new THREE.Vector3(i+100,i+100,i+100));
            var line = new Three.Line(geometry,material);
            scene.add(line);
            geometry=new THREE.Geometry();
        }


        // create wrapper object that contains three.js objects
        var three = {
            renderer: renderer,
            camera: camera,
            scene: scene,
        };

        animate(lastTime, angularSpeed, three);
    });

Это потому, что я заявляю, что камера неправильная? Я проверил документацию three.js, и пример, приведенный здесь, в основном совпадает. Так что я застрял на том, что делать.

ОБНОВЛЕНИЕ: я использовал локальную копию Three.js, когда я столкнулся с последней ошибкой. Я переключил его по ссылкеhttp://www.html5canvastutorials.com/libraries/Three.js, Теперь ошибка PerspectiveCamera исчезла, но она выдает новую ошибку внутри скрипта Three.js. ОшибкаUncaught TypeError: Cannot read property 'x' of undefined в строке 337 скрипта Three.js

Благодарю.

Ответы на вопрос(1)

Ваш ответ на вопрос