/
script.js
30 lines (21 loc) · 880 Bytes
/
script.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
30
import * as THREE from '/node_modules/three/src/Three.js';
let container = document.querySelector('.three');
const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight , 0.1, 1000 );
const renderer = new THREE.WebGLRenderer({antialias:true, alpha:true});
renderer.setSize( window.innerWidth - 15, window.innerHeight - 120 );
container.appendChild( renderer.domElement );
const geometry = new THREE.SphereGeometry( 10, 10, 10 );
const wireframe = new THREE.WireframeGeometry( geometry );
const line = new THREE.LineSegments( wireframe );
line.material.depthTest = false;
line.material.opacity = 0.75;
line.material.transparent = true;
scene.add( line );
camera.position.z = 50;
function animate() {
requestAnimationFrame( animate );
line.rotation.y += 0.005;
renderer.render( scene, camera );
}
animate();