|
@@ -72,9 +72,9 @@
|
|
|
<p><em>"That's all good, but where's that cube you promised?"</em> Let's add it now.</p>
|
|
|
|
|
|
<code>
|
|
|
- var geometry = new THREE.BoxGeometry();
|
|
|
- var material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
|
|
|
- var cube = new THREE.Mesh( geometry, material );
|
|
|
+ const geometry = new THREE.BoxGeometry();
|
|
|
+ const material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
|
|
|
+ const cube = new THREE.Mesh( geometry, material );
|
|
|
scene.add( cube );
|
|
|
|
|
|
camera.position.z = 5;
|
|
@@ -132,21 +132,21 @@
|
|
|
<body>
|
|
|
<script src="js/three.js"></script>
|
|
|
<script>
|
|
|
- var scene = new THREE.Scene();
|
|
|
- var camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );
|
|
|
+ const scene = new THREE.Scene();
|
|
|
+ const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );
|
|
|
|
|
|
- var renderer = new THREE.WebGLRenderer();
|
|
|
+ const renderer = new THREE.WebGLRenderer();
|
|
|
renderer.setSize( window.innerWidth, window.innerHeight );
|
|
|
document.body.appendChild( renderer.domElement );
|
|
|
|
|
|
- var geometry = new THREE.BoxGeometry();
|
|
|
- var material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
|
|
|
- var cube = new THREE.Mesh( geometry, material );
|
|
|
+ const geometry = new THREE.BoxGeometry();
|
|
|
+ const material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
|
|
|
+ const cube = new THREE.Mesh( geometry, material );
|
|
|
scene.add( cube );
|
|
|
|
|
|
camera.position.z = 5;
|
|
|
|
|
|
- var animate = function () {
|
|
|
+ const animate = function () {
|
|
|
requestAnimationFrame( animate );
|
|
|
|
|
|
cube.rotation.x += 0.01;
|