model-manager 0.0.5

package/assets/three/ModelLoader.js

@@ -0,0 +1,58 @@
+import { GLTFLoader } from "./GLTFLoader.js";
+import { OrbitControls } from "./OrbitControls.js";
+
+export function draw(modelid) {
+      var scene = new THREE.Scene();
+      var camera = new THREE.PerspectiveCamera(
+        70,
+        350/350,
+        .03,
+        1000
+      );
+      var renderer = new THREE.WebGLRenderer();
+      renderer.setSize(350,350);
+      document.getElementById("model-view").appendChild(renderer.domElement)
+
+
+      var loader = new GLTFLoader();
+      var obj;
+      if (modelid == 0) {
+        loader.load('./assets/stone_golem.geo.gltf', function(gltf) {
+            obj = gltf.scene;
+            obj.position.y = -1.3
+            obj.rotation.y = -190
+            scene.add(obj);
+          });
+
+      } else {
+        loader.load('./assets/slime.geo.gltf', function(gltf) {
+            obj = gltf.scene;
+            obj.position.y = -1.3
+            obj.rotation.y = -190
+            scene.add(obj);
+          });
+
+      }
+      
+
+
+      var ambient = new THREE.AmbientLight(0x404040, 7);
+      ambient.position.set(0,1,0);
+      ambient.castShadow = true;
+      scene.add(ambient);
+
+      scene.background = new THREE.Color("rgb(45, 48, 52);")
+
+      const controls = new OrbitControls(camera,renderer.domElement);
+
+
+      camera.position.y = 1;
+      camera.position.x = 3;
+      function animate() {
+        requestAnimationFrame(animate);
+        renderer.render(scene,camera);
+        //obj.rotation.y += 0.003;
+        controls.update()
+      }
+      animate();
+}