components/computer.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
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;