add three.js test scene

This commit is contained in:
CJSatnarine
2026-03-23 09:06:35 -04:00
parent d23ab2de05
commit 63cb5300fe
7 changed files with 85 additions and 16 deletions

25
static/scripts/main.js Normal file
View File

@@ -0,0 +1,25 @@
import * as THREE from 'three';
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 );
renderer.setAnimationLoop( animate );
document.body.appendChild( renderer.domElement );
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 );
camera.position.z = 5;
function animate( time ) {
cube.rotation.x = time / 2000;
cube.rotation.y = time / 1000;
renderer.render( scene, camera );
}