Three.js megjelenítés létező HTML5 canvas objektumban

HTML5 vászon definíció:

        <div>
            <canvas id="myCanvas" width="400" height="200" border="1px"></canvas>
        </div>

Vezérlés egérrel:

        <script src="js/TrackballControls.js"></script>

Vászonhoz csatlakozás:

        container = document.getElementById( 'myCanvas' );
        renderer = new THREE.WebGLRenderer( { antialias: true, canvas: container } );
        renderer.setSize( container.clientWidth, container.clientHeight );

        scene = new THREE.Scene();
        camera = new THREE.PerspectiveCamera( 75, container.clientWidth / container.clientHeight, 0.1, 1000 );

Egérvezérlés:

    //function init()-ben:
        controls = new THREE.TrackballControls( camera );
        controls.rotateSpeed = 5.0;
        controls.panSpeed = 1.0;

    // function render()-ben:
        controls.update();