obj thingy works

main.js

@@ -1,6 +1,9 @@
 import * as THREE from 'three';
 import { OBJLoader } from 'three/addons/loaders/OBJLoader.js';
 
+// Vite import for files.
+import headURL from "./models/head.obj?url";
+
 const scene = new THREE.Scene();
 const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
 const renderer = new THREE.WebGLRenderer();
@@ -9,20 +12,27 @@ renderer.setSize(window.innerWidth, window.innerHeight);
 renderer.setAnimationLoop(animate);
 document.body.appendChild(renderer.domElement);
 
-// Create Cube.
-const geometry = new THREE.BoxGeometry(1, 1, 1);
-const material = new THREE.MeshBasicMaterial({ color: 0x962FFE });
-const cube = new THREE.Mesh(geometry, material);
+camera.position.z = 3;
 
-// Add cube. 
-scene.add(cube);
-camera.position.z = 5;
+// Lighting. 
+const light = new THREE.HemisphereLight(0xffffbb, 0x080820, 1);
+scene.add(light);
+
+// OBJ loader. 
+const objectLoader = new OBJLoader();
+objectLoader.load(
+    headURL,
+    function(object) {
+        scene.add(object);
+    },
+    function(xhr) {
+        console.log((xhr.loaded / xhr.total * 100) + '% loaded');
+    },
+    function(error) {
+        console.log('an error happened');
+    }
+);
 
 function animate() {
-
-    cube.rotation.x += 0.01;
-    cube.rotation.y += 0.01;
-
     renderer.render(scene, camera);
-
-} 
+}