From 214e8312f11f50d0222fa5756eefb67621a521e0 Mon Sep 17 00:00:00 2001 From: Andrew Lee Date: Mon, 3 Oct 2022 18:31:14 -0400 Subject: Updated packages; Added drop shadows --- components/computer.js | 13 +++++++------ 1 file changed, 7 insertions(+), 6 deletions(-) (limited to 'components/computer.js') diff --git a/components/computer.js b/components/computer.js index fe13aac..6c9765f 100644 --- a/components/computer.js +++ b/components/computer.js @@ -1,13 +1,14 @@ import * as THREE from 'three' const Computer = () => { - const camera = new THREE.Scene(); + 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 geometry = new THREE.BoxGeometry( 1, 1, 1 ); const material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } ); const cube = new THREE.Mesh( geometry, material ); scene.add( cube ); @@ -15,12 +16,12 @@ const Computer = () => { camera.position.z = 5; function animate() { - requestAnimationFrame( animate ); + requestAnimationFrame( animate ); - cube.rotation.x += 0.01; - cube.rotation.y += 0.01; + cube.rotation.x += 0.01; + cube.rotation.y += 0.01; - renderer.render( scene, camera ); + renderer.render( scene, camera ); }; animate(); -- cgit v1.2.3