feat: load 3d nds model

public/nintendo-ds/license.txt

@@ -0,0 +1,11 @@
+Model Information:
+* title:	Nintendo DS
+* source:	https://sketchfab.com/3d-models/nintendo-ds-934fdde060874d5c99b40cdf1dbb37f2
+* author:	solal.sblt (https://sketchfab.com/Solal.Sebillotte)
+
+Model License:
+* license type:	CC-BY-4.0 (http://creativecommons.org/licenses/by/4.0/)
+* requirements:	Author must be credited. Commercial use is allowed.
+
+If you use this 3D model in your project be sure to copy paste this credit wherever you share it:
+This work is based on "Nintendo DS" (https://sketchfab.com/3d-models/nintendo-ds-934fdde060874d5c99b40cdf1dbb37f2) by solal.sblt (https://sketchfab.com/Solal.Sebillotte) licensed under CC-BY-4.0 (http://creativecommons.org/licenses/by/4.0/)

src/main.ts

@@ -1,11 +1,13 @@
 import "./style.css";
 
 import * as THREE from "three";
+import { GLTFLoader } from "three/addons/loaders/GLTFLoader.js";
 import { OrbitControls } from "three/addons/controls/OrbitControls.js";
 
 const scene = new THREE.Scene();
 const camera = new THREE.PerspectiveCamera(75, 0, 0.001, 1000);
 const renderer = new THREE.WebGLRenderer();
+renderer.setClearColor(0xffffff);
 
 const controls = new OrbitControls(camera, renderer.domElement);
 
@@ -14,15 +16,30 @@ const handleResize = () => {
   camera.updateProjectionMatrix();
 
   renderer.setSize(window.innerWidth, window.innerHeight);
-}
+};
 window.addEventListener("resize", handleResize, false);
 handleResize();
 
+// load nds model
+const loader = new GLTFLoader();
+const nds = await loader.loadAsync("/nintendo-ds/scene.gltf");
+nds.scene.scale.set(50, 50, 50);
+scene.add(nds.scene);
 
+// create light
+const color = 0xffffff;
+const intensity = 3;
+const ambient = new THREE.AmbientLight(color, intensity);
+scene.add(ambient);
+
+const directional = new THREE.DirectionalLight(color, intensity);
+directional.target = nds.scene;
+directional.position.set(0, 100, 0);
+scene.add(directional);
 
 renderer.setAnimationLoop(() => {
   controls.update();
-    
+
   renderer.render(scene, camera);
 });