add index and script skeletons

3 years ago · 8e17be80ef
2 changed files with 45 additions and 0 deletions
--- a/index.html
+++ b/index.html
@ -0,0 +1,14 @@
 <!DOCTYPE html>
 <html>
 	<head>
 		<meta charset="utf-8">
 		<title>My first three.js app</title>
 		<style>
 			body { margin: 0; }
 		</style>
 	</head>
 	<body>
 		<script src="three.js"></script>
        <script src="script.js"></script>
 	</body>
 </html>
--- a/script.js
+++ b/script.js
@ -0,0 +1,31 @@
 const scene = new THREE.Scene();
 const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );
 const renderer = new THREE.WebGLRenderer();
 renderer.setSize( window.innerWidth, window.innerHeight );
 document.body.appendChild( renderer.domElement );
 const geometry = new THREE.BoxGeometry();
 const material = new THREE.MeshPhysicalMaterial( { color: 0x00ff00 } );
 const cube = new THREE.Mesh( geometry, material );
 scene.add( cube );
 const light = new THREE.AmbientLight(0xFFAAAA, 1)
 light.position.z = 10
 scene.add(light)
 console.log(scene)
 camera.position.z = 5;
 function animate() {
    requestAnimationFrame( animate );
    cube.rotation.x += 0.01;
    cube.rotation.y += 0.01;
    renderer.render( scene, camera );
 };
 animate();