diff --git a/index.html b/index.html new file mode 100644 index 0000000..5b7da36 --- /dev/null +++ b/index.html @@ -0,0 +1,14 @@ + + + + + My first three.js app + + + + + + + diff --git a/script.js b/script.js new file mode 100644 index 0000000..071243f --- /dev/null +++ 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(); +