Add untracked stuff to frontend

frontend/src/index.ts

@@ -1,7 +1,6 @@
 import * as THREE from 'three';
 import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls';
 import { OBJLoader } from 'three/examples/jsm/loaders/OBJLoader';
-
 import * as Stats from 'stats.js';
 
 const canvas = document.getElementById('threejs-preview')! as HTMLCanvasElement;
@@ -11,16 +10,25 @@ const scene = new THREE.Scene();
 scene.background = new THREE.Color(0x161618);
 scene.fog = new THREE.FogExp2(0x161618, 0.002);
 
+// model loading
+
+const objLoader = new OBJLoader(THREE.DefaultLoadingManager);
+objLoader.load('assets/movinghead.obj', (objs: THREE.Group) => {
+    console.log('LOADER AYAYA');
+    objs.traverse((obj) => {
+        console.log(`traverse ${obj}`);
+    });
+});
+
+// camera controls
+
 const camera = new THREE.PerspectiveCamera(75);
 camera.position.set(400, 200, 0);
 
-// controls
-
 const controls = new OrbitControls(camera, renderer.domElement);
 controls.enableDamping = true;
 controls.dampingFactor = 0.05;
 controls.screenSpacePanning = false;
-// controls.maxPolarAngle = Math.PI / 2;
 
 // dbg
 const cylinder = new THREE.CylinderGeometry(0, 10, 30, 4, 1);