From 8e17be80ef1e2328d3c4e9639089f50cd30961c6 Mon Sep 17 00:00:00 2001 From: Peter Hajas Date: Sat, 7 May 2022 14:56:13 -0600 Subject: [PATCH] add index and script skeletons --- index.html | 14 ++++++++++++++ script.js | 31 +++++++++++++++++++++++++++++++ 2 files changed, 45 insertions(+) create mode 100644 index.html create mode 100644 script.js 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(); +