More progress

1 files changed, 29 insertions, 0 deletions

diff --git a/components/computer.js b/components/computer.js
new file mode 100644
index 0000000..fe13aac
--- /dev/null
+++ b/components/computer.js
@@ -0,0 +1,29 @@
+import * as THREE from 'three'
+
+const Computer = () => {
+    const camera = new THREE.Scene();
+
+    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.MeshBasicMaterial( { color: 0x00ff00 } );
+    const cube = new THREE.Mesh( geometry, material );
+    scene.add( cube );
+
+    camera.position.z = 5;
+
+    function animate() {
+	    requestAnimationFrame( animate );
+
+    	cube.rotation.x += 0.01;
+	    cube.rotation.y += 0.01;
+
+    	renderer.render( scene, camera );
+    };
+
+    animate();
+}
+
+export default Computer;
\ No newline at end of file