Updated packages; Added drop shadows

1 files changed, 7 insertions, 6 deletions

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();