|
@@ -23,14 +23,14 @@
|
|
|
var camera, scene, renderer;
|
|
|
|
|
|
init();
|
|
|
- animate();
|
|
|
+ render();
|
|
|
|
|
|
function init() {
|
|
|
|
|
|
container = document.createElement( 'div' );
|
|
|
document.body.appendChild( container );
|
|
|
|
|
|
- camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 0.1, 10000 );
|
|
|
+ camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 1000 );
|
|
|
camera.position.set( 0, 0, 70 );
|
|
|
|
|
|
scene = new THREE.Scene();
|
|
@@ -41,6 +41,8 @@
|
|
|
object.position.set( - 100, - 20, 100 );
|
|
|
scene.add( object );
|
|
|
|
|
|
+ render();
|
|
|
+
|
|
|
} );
|
|
|
|
|
|
renderer = new THREE.WebGLRenderer();
|
|
@@ -49,6 +51,9 @@
|
|
|
container.appendChild( renderer.domElement );
|
|
|
|
|
|
var controls = new OrbitControls( camera, renderer.domElement );
|
|
|
+ controls.addEventListener( 'change', render ); // use if there is no animation loop
|
|
|
+ controls.minDistance = 10;
|
|
|
+ controls.maxDistance = 100;
|
|
|
|
|
|
window.addEventListener( 'resize', resize, false );
|
|
|
|
|
@@ -61,15 +66,16 @@
|
|
|
|
|
|
renderer.setSize( window.innerWidth, window.innerHeight );
|
|
|
|
|
|
+ render();
|
|
|
+
|
|
|
}
|
|
|
|
|
|
- function animate() {
|
|
|
+ function render() {
|
|
|
|
|
|
renderer.render( scene, camera );
|
|
|
|
|
|
- requestAnimationFrame( animate );
|
|
|
-
|
|
|
}
|
|
|
+
|
|
|
</script>
|
|
|
|
|
|
</body>
|