From 1f9b96db4b39ce57e75eea20ee3c01b982bea182 Mon Sep 17 00:00:00 2001 From: Andrew Lee Date: Sat, 12 Feb 2022 11:42:15 -0500 Subject: More progress --- components/computer.js | 29 +++++++++++++++++++++++++++++ 1 file changed, 29 insertions(+) create mode 100644 components/computer.js (limited to 'components/computer.js') 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 -- cgit v1.2.3