Home Explore Help
Sign In
javascript
/
simondev.ThreeJS_Tutorial_LoadingModels
mirror of https://github.com/simondevyoutube/ThreeJS_Tutorial_LoadingModels
2
0
Fork 0
Files Issues 0 Wiki
Browse Source

Initial commit.

Simon 5 years ago
parent
fcc85bb162
commit
04d5161a45
21 changed files with 740 additions and 0 deletions
Unified View Show Diff Stats
  1. 9 0
      base.css
  2. 12 0
      index.html
  3. 316 0
      main.js
  4. BIN
      resources/dancer/Silly Dancing.fbx
  5. BIN
      resources/dancer/dance.fbx
  6. BIN
      resources/dancer/dancer.fbx
  7. BIN
      resources/dancer/girl.fbx
  8. BIN
      resources/negx.jpg
  9. BIN
      resources/negy.jpg
  10. BIN
      resources/negz.jpg
  11. BIN
      resources/posx.jpg
  12. BIN
      resources/posy.jpg
  13. BIN
      resources/posz.jpg
  14. 13 0
      resources/readme.txt
  15. BIN
      resources/rocket/Rocket_Ship_01.bin
  16. 390 0
      resources/rocket/Rocket_Ship_01.gltf
  17. BIN
      resources/thing.glb
  18. BIN
      resources/zombie/dance.fbx
  19. BIN
      resources/zombie/idle.fbx
  20. BIN
      resources/zombie/mremireh_o_desbiens.fbx
  21. BIN
      resources/zombie/walk.fbx

+ 9 - 0
base.css
View File 

@@ -0,0 +1,9 @@
 
+body {
 
+  width: 100%;
 
+  height: 100%;
 
+  position: absolute;
 
+  background: #000000;
 
+  margin: 0;
 
+  padding: 0;
 
+  overscroll-behavior: none;
 
+}

+ 12 - 0
index.html
View File 

@@ -0,0 +1,12 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<head>
 
+  <title>Three.JS Tutorial: Loading Models</title>
 
+  <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
 
+  <link rel="stylesheet" type="text/css" href="base.css">
 
+</head>
 
+<body>
 
+  <script src="./main.js" type="module">
 
+  </script>
 
+</body>
 
+</html>

+ 316 - 0
main.js
View File 

@@ -0,0 +1,316 @@
 
+import * as THREE from 'https://cdn.jsdelivr.net/npm/[email protected]/build/three.module.js';
 
+
 
+import {FBXLoader} from 'https://cdn.jsdelivr.net/npm/[email protected]/examples/jsm/loaders/FBXLoader.js';
 
+import {GLTFLoader} from 'https://cdn.jsdelivr.net/npm/[email protected]/examples/jsm/loaders/GLTFLoader.js';
 
+import {OrbitControls} from 'https://cdn.jsdelivr.net/npm/[email protected]/examples/jsm/controls/OrbitControls.js';
 
+
 
+
 
+class BasicCharacterControls {
 
+  constructor(params) {
 
+    this._Init(params);
 
+  }
 
+
 
+  _Init(params) {
 
+    this._params = params;
 
+    this._move = {
 
+      forward: false,
 
+      backward: false,
 
+      left: false,
 
+      right: false,
 
+    };
 
+    this._decceleration = new THREE.Vector3(-0.0005, -0.0001, -5.0);
 
+    this._acceleration = new THREE.Vector3(1, 0.25, 50.0);
 
+    this._velocity = new THREE.Vector3(0, 0, 0);
 
+
 
+    document.addEventListener('keydown', (e) => this._onKeyDown(e), false);
 
+    document.addEventListener('keyup', (e) => this._onKeyUp(e), false);
 
+  }
 
+
 
+  _onKeyDown(event) {
 
+    switch (event.keyCode) {
 
+      case 87: // w
 
+        this._move.forward = true;
 
+        break;
 
+      case 65: // a
 
+        this._move.left = true;
 
+        break;
 
+      case 83: // s
 
+        this._move.backward = true;
 
+        break;
 
+      case 68: // d
 
+        this._move.right = true;
 
+        break;
 
+      case 38: // up
 
+      case 37: // left
 
+      case 40: // down
 
+      case 39: // right
 
+        break;
 
+    }
 
+  }
 
+
 
+  _onKeyUp(event) {
 
+    switch(event.keyCode) {
 
+      case 87: // w
 
+        this._move.forward = false;
 
+        break;
 
+      case 65: // a
 
+        this._move.left = false;
 
+        break;
 
+      case 83: // s
 
+        this._move.backward = false;
 
+        break;
 
+      case 68: // d
 
+        this._move.right = false;
 
+        break;
 
+      case 38: // up
 
+      case 37: // left
 
+      case 40: // down
 
+      case 39: // right
 
+        break;
 
+    }
 
+  }
 
+
 
+  Update(timeInSeconds) {
 
+    const velocity = this._velocity;
 
+    const frameDecceleration = new THREE.Vector3(
 
+        velocity.x * this._decceleration.x,
 
+        velocity.y * this._decceleration.y,
 
+        velocity.z * this._decceleration.z
 
+    );
 
+    frameDecceleration.multiplyScalar(timeInSeconds);
 
+    frameDecceleration.z = Math.sign(frameDecceleration.z) * Math.min(
 
+        Math.abs(frameDecceleration.z), Math.abs(velocity.z));
 
+
 
+    velocity.add(frameDecceleration);
 
+
 
+    const controlObject = this._params.target;
 
+    const _Q = new THREE.Quaternion();
 
+    const _A = new THREE.Vector3();
 
+    const _R = controlObject.quaternion.clone();
 
+
 
+    if (this._move.forward) {
 
+      velocity.z += this._acceleration.z * timeInSeconds;
 
+    }
 
+    if (this._move.backward) {
 
+      velocity.z -= this._acceleration.z * timeInSeconds;
 
+    }
 
+    if (this._move.left) {
 
+      _A.set(0, 1, 0);
 
+      _Q.setFromAxisAngle(_A, Math.PI * timeInSeconds * this._acceleration.y);
 
+      _R.multiply(_Q);
 
+    }
 
+    if (this._move.right) {
 
+      _A.set(0, 1, 0);
 
+      _Q.setFromAxisAngle(_A, -Math.PI * timeInSeconds * this._acceleration.y);
 
+      _R.multiply(_Q);
 
+    }
 
+
 
+    controlObject.quaternion.copy(_R);
 
+
 
+    const oldPosition = new THREE.Vector3();
 
+    oldPosition.copy(controlObject.position);
 
+
 
+    const forward = new THREE.Vector3(0, 0, 1);
 
+    forward.applyQuaternion(controlObject.quaternion);
 
+    forward.normalize();
 
+
 
+    const sideways = new THREE.Vector3(1, 0, 0);
 
+    sideways.applyQuaternion(controlObject.quaternion);
 
+    sideways.normalize();
 
+
 
+    sideways.multiplyScalar(velocity.x * timeInSeconds);
 
+    forward.multiplyScalar(velocity.z * timeInSeconds);
 
+
 
+    controlObject.position.add(forward);
 
+    controlObject.position.add(sideways);
 
+
 
+    oldPosition.copy(controlObject.position);
 
+  }
 
+}
 
+
 
+
 
+class LoadModelDemo {
 
+  constructor() {
 
+    this._Initialize();
 
+  }
 
+
 
+  _Initialize() {
 
+    this._threejs = new THREE.WebGLRenderer({
 
+      antialias: true,
 
+    });
 
+    this._threejs.shadowMap.enabled = true;
 
+    this._threejs.shadowMap.type = THREE.PCFSoftShadowMap;
 
+    this._threejs.setPixelRatio(window.devicePixelRatio);
 
+    this._threejs.setSize(window.innerWidth, window.innerHeight);
 
+
 
+    document.body.appendChild(this._threejs.domElement);
 
+
 
+    window.addEventListener('resize', () => {
 
+      this._OnWindowResize();
 
+    }, false);
 
+
 
+    const fov = 60;
 
+    const aspect = 1920 / 1080;
 
+    const near = 1.0;
 
+    const far = 1000.0;
 
+    this._camera = new THREE.PerspectiveCamera(fov, aspect, near, far);
 
+    this._camera.position.set(75, 20, 0);
 
+
 
+    this._scene = new THREE.Scene();
 
+
 
+    let light = new THREE.DirectionalLight(0xFFFFFF, 1.0);
 
+    light.position.set(20, 100, 10);
 
+    light.target.position.set(0, 0, 0);
 
+    light.castShadow = true;
 
+    light.shadow.bias = -0.001;
 
+    light.shadow.mapSize.width = 2048;
 
+    light.shadow.mapSize.height = 2048;
 
+    light.shadow.camera.near = 0.1;
 
+    light.shadow.camera.far = 500.0;
 
+    light.shadow.camera.near = 0.5;
 
+    light.shadow.camera.far = 500.0;
 
+    light.shadow.camera.left = 100;
 
+    light.shadow.camera.right = -100;
 
+    light.shadow.camera.top = 100;
 
+    light.shadow.camera.bottom = -100;
 
+    this._scene.add(light);
 
+
 
+    light = new THREE.AmbientLight(0xFFFFFF, 4.0);
 
+    this._scene.add(light);
 
+
 
+    const controls = new OrbitControls(
 
+      this._camera, this._threejs.domElement);
 
+    controls.target.set(0, 20, 0);
 
+    controls.update();
 
+
 
+    const loader = new THREE.CubeTextureLoader();
 
+    const texture = loader.load([
 
+        './resources/posx.jpg',
 
+        './resources/negx.jpg',
 
+        './resources/posy.jpg',
 
+        './resources/negy.jpg',
 
+        './resources/posz.jpg',
 
+        './resources/negz.jpg',
 
+    ]);
 
+    this._scene.background = texture;
 
+
 
+    const plane = new THREE.Mesh(
 
+        new THREE.PlaneGeometry(100, 100, 10, 10),
 
+        new THREE.MeshStandardMaterial({
 
+            color: 0x202020,
 
+          }));
 
+    plane.castShadow = false;
 
+    plane.receiveShadow = true;
 
+    plane.rotation.x = -Math.PI / 2;
 
+    this._scene.add(plane);
 
+
 
+    this._mixers = [];
 
+    this._previousRAF = null;
 
+
 
+    this._LoadAnimatedModel();
 
+    // this._LoadAnimatedModelAndPlay(
 
+    //     './resources/dancer/', 'girl.fbx', 'dance.fbx', new THREE.Vector3(0, -1.5, 5));
 
+    // this._LoadAnimatedModelAndPlay(
 
+    //     './resources/dancer/', 'dancer.fbx', 'Silly Dancing.fbx', new THREE.Vector3(12, 0, -10));
 
+    // this._LoadAnimatedModelAndPlay(
 
+    //     './resources/dancer/', 'dancer.fbx', 'Silly Dancing.fbx', new THREE.Vector3(-12, 0, -10));
 
+    this._RAF();
 
+  }
 
+
 
+  _LoadAnimatedModel() {
 
+    const loader = new FBXLoader();
 
+    loader.setPath('./resources/zombie/');
 
+    loader.load('mremireh_o_desbiens.fbx', (fbx) => {
 
+      fbx.scale.setScalar(0.1);
 
+      fbx.traverse(c => {
 
+        c.castShadow = true;
 
+      });
 
+
 
+      const params = {
 
+        target: fbx,
 
+        camera: this._camera,
 
+      }
 
+      this._controls = new BasicCharacterControls(params);
 
+
 
+      const anim = new FBXLoader();
 
+      anim.setPath('./resources/zombie/');
 
+      anim.load('walk.fbx', (anim) => {
 
+        const m = new THREE.AnimationMixer(fbx);
 
+        this._mixers.push(m);
 
+        const idle = m.clipAction(anim.animations[0]);
 
+        idle.play();
 
+      });
 
+      this._scene.add(fbx);
 
+    });
 
+  }
 
+
 
+  _LoadAnimatedModelAndPlay(path, modelFile, animFile, offset) {
 
+    const loader = new FBXLoader();
 
+    loader.setPath(path);
 
+    loader.load(modelFile, (fbx) => {
 
+      fbx.scale.setScalar(0.1);
 
+      fbx.traverse(c => {
 
+        c.castShadow = true;
 
+      });
 
+      fbx.position.copy(offset);
 
+
 
+      const anim = new FBXLoader();
 
+      anim.setPath(path);
 
+      anim.load(animFile, (anim) => {
 
+        const m = new THREE.AnimationMixer(fbx);
 
+        this._mixers.push(m);
 
+        const idle = m.clipAction(anim.animations[0]);
 
+        idle.play();
 
+      });
 
+      this._scene.add(fbx);
 
+    });
 
+  }
 
+
 
+  _LoadModel() {
 
+    const loader = new GLTFLoader();
 
+    loader.load('./resources/thing.glb', (gltf) => {
 
+      gltf.scene.traverse(c => {
 
+        c.castShadow = true;
 
+      });
 
+      this._scene.add(gltf.scene);
 
+    });
 
+  }
 
+
 
+  _OnWindowResize() {
 
+    this._camera.aspect = window.innerWidth / window.innerHeight;
 
+    this._camera.updateProjectionMatrix();
 
+    this._threejs.setSize(window.innerWidth, window.innerHeight);
 
+  }
 
+
 
+  _RAF() {
 
+    requestAnimationFrame((t) => {
 
+      if (this._previousRAF === null) {
 
+        this._previousRAF = t;
 
+      }
 
+
 
+      this._RAF();
 
+
 
+      this._threejs.render(this._scene, this._camera);
 
+      this._Step(t - this._previousRAF);
 
+      this._previousRAF = t;
 
+    });
 
+  }
 
+
 
+  _Step(timeElapsed) {
 
+    const timeElapsedS = timeElapsed * 0.001;
 
+    if (this._mixers) {
 
+      this._mixers.map(m => m.update(timeElapsedS));
 
+    }
 
+
 
+    if (this._controls) {
 
+      this._controls.Update(timeElapsedS);
 
+    }
 
+  }
 
+}
 
+
 
+
 
+let _APP = null;
 
+
 
+window.addEventListener('DOMContentLoaded', () => {
 
+  _APP = new LoadModelDemo();
 
+});

BIN
resources/dancer/Silly Dancing.fbx
View File


BIN
resources/dancer/dance.fbx
View File


BIN
resources/dancer/dancer.fbx
View File


BIN
resources/dancer/girl.fbx
View File


BIN
resources/negx.jpg
View File


BIN
resources/negy.jpg
View File


BIN
resources/negz.jpg
View File


BIN
resources/posx.jpg
View File


BIN
resources/posy.jpg
View File


BIN
resources/posz.jpg
View File


+ 13 - 0
resources/readme.txt
View File 

@@ -0,0 +1,13 @@
 
+Author

+======

+

+This is the work of Emil Persson, aka Humus.

+http://www.humus.name

+

+

+

+License

+=======

+

+This work is licensed under a Creative Commons Attribution 3.0 Unported License.

+http://creativecommons.org/licenses/by/3.0/

BIN
resources/rocket/Rocket_Ship_01.bin
View File


+ 390 - 0
resources/rocket/Rocket_Ship_01.gltf
View File 

@@ -0,0 +1,390 @@
 
+{
 
+   "accessors" : [
 
+      {
 
+         "bufferView" : 0,
 
+         "componentType" : 5123,
 
+         "count" : 624,
 
+         "max" : [ 623 ],
 
+         "min" : [ 0 ],
 
+         "name" : "buffer-0-accessor-indices-buffer-0-mesh-0",
 
+         "type" : "SCALAR"
 
+      },
 
+      {
 
+         "bufferView" : 2,
 
+         "componentType" : 5126,
 
+         "count" : 624,
 
+         "max" : [ 3.294547080993652, 9.564169883728027, 3.294547080993652 ],
 
+         "min" : [ -3.294547080993652, 0, -3.294547080993652 ],
 
+         "name" : "buffer-0-accessor-position-buffer-0-mesh-0",
 
+         "type" : "VEC3"
 
+      },
 
+      {
 
+         "bufferView" : 2,
 
+         "byteOffset" : 7488,
 
+         "componentType" : 5126,
 
+         "count" : 624,
 
+         "max" : [ 1, 0.7847999930381775, 1 ],
 
+         "min" : [ -1, -0.9914000034332275, -1 ],
 
+         "name" : "buffer-0-accessor-normal-buffer-0-mesh-0",
 
+         "type" : "VEC3"
 
+      },
 
+      {
 
+         "bufferView" : 1,
 
+         "componentType" : 5126,
 
+         "count" : 0,
 
+         "max" : [ 0, 0 ],
 
+         "min" : [ 0, 0 ],
 
+         "name" : "buffer-0-accessor-texcoord-buffer-0-mesh-0",
 
+         "type" : "VEC2"
 
+      },
 
+      {
 
+         "bufferView" : 3,
 
+         "componentType" : 5126,
 
+         "count" : 0,
 
+         "max" : [ 0, 0, 0, 0 ],
 
+         "min" : [ 0, 0, 0, 0 ],
 
+         "name" : "buffer-0-accessor-color-buffer-0-mesh-0",
 
+         "type" : "VEC4"
 
+      },
 
+      {
 
+         "bufferView" : 0,
 
+         "byteOffset" : 1248,
 
+         "componentType" : 5123,
 
+         "count" : 240,
 
+         "max" : [ 239 ],
 
+         "min" : [ 0 ],
 
+         "name" : "buffer-0-accessor-indices-buffer-0-mesh-0",
 
+         "type" : "SCALAR"
 
+      },
 
+      {
 
+         "bufferView" : 2,
 
+         "byteOffset" : 14976,
 
+         "componentType" : 5126,
 
+         "count" : 240,
 
+         "max" : [ 1.958153963088989, 6.53810977935791, 1.958153963088989 ],
 
+         "min" : [ -1.958153963088989, 0, -1.958153963088989 ],
 
+         "name" : "buffer-0-accessor-position-buffer-0-mesh-0",
 
+         "type" : "VEC3"
 
+      },
 
+      {
 
+         "bufferView" : 2,
 
+         "byteOffset" : 17856,
 
+         "componentType" : 5126,
 
+         "count" : 240,
 
+         "max" : [ 0.9232000112533569, 0.1186000034213066, 0.9232000112533569 ],
 
+         "min" : [ -0.9232000112533569, -1, -0.9232000112533569 ],
 
+         "name" : "buffer-0-accessor-normal-buffer-0-mesh-0",
 
+         "type" : "VEC3"
 
+      },
 
+      {
 
+         "bufferView" : 1,
 
+         "componentType" : 5126,
 
+         "count" : 0,
 
+         "max" : [ 0, 0 ],
 
+         "min" : [ 0, 0 ],
 
+         "name" : "buffer-0-accessor-texcoord-buffer-0-mesh-0",
 
+         "type" : "VEC2"
 
+      },
 
+      {
 
+         "bufferView" : 3,
 
+         "componentType" : 5126,
 
+         "count" : 0,
 
+         "max" : [ 0, 0, 0, 0 ],
 
+         "min" : [ 0, 0, 0, 0 ],
 
+         "name" : "buffer-0-accessor-color-buffer-0-mesh-0",
 
+         "type" : "VEC4"
 
+      },
 
+      {
 
+         "bufferView" : 0,
 
+         "byteOffset" : 1728,
 
+         "componentType" : 5123,
 
+         "count" : 1056,
 
+         "max" : [ 1055 ],
 
+         "min" : [ 0 ],
 
+         "name" : "buffer-0-accessor-indices-buffer-0-mesh-0",
 
+         "type" : "SCALAR"
 
+      },
 
+      {
 
+         "bufferView" : 2,
 
+         "byteOffset" : 20736,
 
+         "componentType" : 5126,
 
+         "count" : 1056,
 
+         "max" : [ 2.062674045562744, 6.647388935089111, 2.062674045562744 ],
 
+         "min" : [ -2.062674045562744, 0, -2.062674045562744 ],
 
+         "name" : "buffer-0-accessor-position-buffer-0-mesh-0",
 
+         "type" : "VEC3"
 
+      },
 
+      {
 
+         "bufferView" : 2,
 
+         "byteOffset" : 33408,
 
+         "componentType" : 5126,
 
+         "count" : 1056,
 
+         "max" : [ 1, 1, 1 ],
 
+         "min" : [ -1, -1, -1 ],
 
+         "name" : "buffer-0-accessor-normal-buffer-0-mesh-0",
 
+         "type" : "VEC3"
 
+      },
 
+      {
 
+         "bufferView" : 1,
 
+         "componentType" : 5126,
 
+         "count" : 0,
 
+         "max" : [ 0, 0 ],
 
+         "min" : [ 0, 0 ],
 
+         "name" : "buffer-0-accessor-texcoord-buffer-0-mesh-0",
 
+         "type" : "VEC2"
 
+      },
 
+      {
 
+         "bufferView" : 3,
 
+         "componentType" : 5126,
 
+         "count" : 0,
 
+         "max" : [ 0, 0, 0, 0 ],
 
+         "min" : [ 0, 0, 0, 0 ],
 
+         "name" : "buffer-0-accessor-color-buffer-0-mesh-0",
 
+         "type" : "VEC4"
 
+      },
 
+      {
 
+         "bufferView" : 0,
 
+         "byteOffset" : 3840,
 
+         "componentType" : 5123,
 
+         "count" : 480,
 
+         "max" : [ 479 ],
 
+         "min" : [ 0 ],
 
+         "name" : "buffer-0-accessor-indices-buffer-0-mesh-0",
 
+         "type" : "SCALAR"
 
+      },
 
+      {
 
+         "bufferView" : 2,
 
+         "byteOffset" : 46080,
 
+         "componentType" : 5126,
 
+         "count" : 480,
 
+         "max" : [ 0.8525949716567993, 9.915228843688965, 0.8525949716567993 ],
 
+         "min" : [ -0.8525949716567993, 0, -0.8525949716567993 ],
 
+         "name" : "buffer-0-accessor-position-buffer-0-mesh-0",
 
+         "type" : "VEC3"
 
+      },
 
+      {
 
+         "bufferView" : 2,
 
+         "byteOffset" : 51840,
 
+         "componentType" : 5126,
 
+         "count" : 480,
 
+         "max" : [ 0.9239000082015991, 0.9775999784469604, 0.9239000082015991 ],
 
+         "min" : [ -0.9239000082015991, -1, -0.9239000082015991 ],
 
+         "name" : "buffer-0-accessor-normal-buffer-0-mesh-0",
 
+         "type" : "VEC3"
 
+      },
 
+      {
 
+         "bufferView" : 1,
 
+         "componentType" : 5126,
 
+         "count" : 0,
 
+         "max" : [ 0, 0 ],
 
+         "min" : [ 0, 0 ],
 
+         "name" : "buffer-0-accessor-texcoord-buffer-0-mesh-0",
 
+         "type" : "VEC2"
 
+      },
 
+      {
 
+         "bufferView" : 3,
 
+         "componentType" : 5126,
 
+         "count" : 0,
 
+         "max" : [ 0, 0, 0, 0 ],
 
+         "min" : [ 0, 0, 0, 0 ],
 
+         "name" : "buffer-0-accessor-color-buffer-0-mesh-0",
 
+         "type" : "VEC4"
 
+      },
 
+      {
 
+         "bufferView" : 0,
 
+         "byteOffset" : 4800,
 
+         "componentType" : 5123,
 
+         "count" : 96,
 
+         "max" : [ 95 ],
 
+         "min" : [ 0 ],
 
+         "name" : "buffer-0-accessor-indices-buffer-0-mesh-0",
 
+         "type" : "SCALAR"
 
+      },
 
+      {
 
+         "bufferView" : 2,
 
+         "byteOffset" : 57600,
 
+         "componentType" : 5126,
 
+         "count" : 96,
 
+         "max" : [ 1.929389953613281, 5.365962982177734, 1.92612898349762 ],
 
+         "min" : [ -1.929389953613281, 0, -1.92612898349762 ],
 
+         "name" : "buffer-0-accessor-position-buffer-0-mesh-0",
 
+         "type" : "VEC3"
 
+      },
 
+      {
 
+         "bufferView" : 2,
 
+         "byteOffset" : 58752,
 
+         "componentType" : 5126,
 
+         "count" : 96,
 
+         "max" : [ 1, 0, 1 ],
 
+         "min" : [ -1, 0, -1 ],
 
+         "name" : "buffer-0-accessor-normal-buffer-0-mesh-0",
 
+         "type" : "VEC3"
 
+      },
 
+      {
 
+         "bufferView" : 1,
 
+         "componentType" : 5126,
 
+         "count" : 0,
 
+         "max" : [ 0, 0 ],
 
+         "min" : [ 0, 0 ],
 
+         "name" : "buffer-0-accessor-texcoord-buffer-0-mesh-0",
 
+         "type" : "VEC2"
 
+      },
 
+      {
 
+         "bufferView" : 3,
 
+         "componentType" : 5126,
 
+         "count" : 0,
 
+         "max" : [ 0, 0, 0, 0 ],
 
+         "min" : [ 0, 0, 0, 0 ],
 
+         "name" : "buffer-0-accessor-color-buffer-0-mesh-0",
 
+         "type" : "VEC4"
 
+      }
 
+   ],
 
+   "asset" : {
 
+      "generator" : "Obj2GltfConverter",
 
+      "version" : "2.0"
 
+   },
 
+   "bufferViews" : [
 
+      {
 
+         "buffer" : 0,
 
+         "byteLength" : 4992,
 
+         "byteStride" : 0,
 
+         "name" : "buffer-0-bufferview-ushort",
 
+         "target" : 34963
 
+      },
 
+      {
 
+         "buffer" : 0,
 
+         "byteLength" : 1,
 
+         "name" : "buffer-0-bufferview-vec2"
 
+      },
 
+      {
 
+         "buffer" : 0,
 
+         "byteLength" : 59904,
 
+         "byteOffset" : 4992,
 
+         "byteStride" : 12,
 
+         "name" : "buffer-0-bufferview-vec3",
 
+         "target" : 34962
 
+      },
 
+      {
 
+         "buffer" : 0,
 
+         "byteLength" : 1,
 
+         "name" : "buffer-0-bufferview-vec4"
 
+      }
 
+   ],
 
+   "buffers" : [
 
+      {
 
+         "byteLength" : 64896,
 
+         "name" : "buffer-0",
 
+         "uri" : "Rocket_Ship_01.bin"
 
+      }
 
+   ],
 
+   "materials" : [
 
+      {
 
+         "doubleSided" : true,
 
+         "name" : "F44336",
 
+         "pbrMetallicRoughness" : {
 
+            "baseColorFactor" : [ 0.956863, 0.262745, 0.211765, 1 ],
 
+            "metallicFactor" : 0,
 
+            "roughnessFactor" : 0.7448017359246658
 
+         }
 
+      },
 
+      {
 
+         "doubleSided" : true,
 
+         "name" : "FFFFFF",
 
+         "pbrMetallicRoughness" : {
 
+            "metallicFactor" : 0,
 
+            "roughnessFactor" : 0.7448017359246658
 
+         }
 
+      },
 
+      {
 
+         "doubleSided" : true,
 
+         "name" : "455A64",
 
+         "pbrMetallicRoughness" : {
 
+            "baseColorFactor" : [ 0.270588, 0.352941, 0.392157, 1 ],
 
+            "metallicFactor" : 0,
 
+            "roughnessFactor" : 0.7448017359246658
 
+         }
 
+      },
 
+      {
 
+         "doubleSided" : true,
 
+         "name" : "78909C",
 
+         "pbrMetallicRoughness" : {
 
+            "baseColorFactor" : [ 0.470588, 0.564706, 0.611765, 1 ],
 
+            "metallicFactor" : 0,
 
+            "roughnessFactor" : 0.7448017359246658
 
+         }
 
+      },
 
+      {
 
+         "doubleSided" : true,
 
+         "name" : "80DEEA",
 
+         "pbrMetallicRoughness" : {
 
+            "baseColorFactor" : [ 0.501961, 0.870588, 0.917647, 1 ],
 
+            "metallicFactor" : 0,
 
+            "roughnessFactor" : 0.7448017359246658
 
+         }
 
+      }
 
+   ],
 
+   "meshes" : [
 
+      {
 
+         "name" : "buffer-0-mesh-0",
 
+         "primitives" : [
 
+            {
 
+               "attributes" : {
 
+                  "NORMAL" : 2,
 
+                  "POSITION" : 1,
 
+                  "TEXCOORD_0" : 3
 
+               },
 
+               "indices" : 0,
 
+               "material" : 0
 
+            },
 
+            {
 
+               "attributes" : {
 
+                  "NORMAL" : 7,
 
+                  "POSITION" : 6,
 
+                  "TEXCOORD_0" : 8
 
+               },
 
+               "indices" : 5,
 
+               "material" : 1
 
+            },
 
+            {
 
+               "attributes" : {
 
+                  "NORMAL" : 12,
 
+                  "POSITION" : 11,
 
+                  "TEXCOORD_0" : 13
 
+               },
 
+               "indices" : 10,
 
+               "material" : 2
 
+            },
 
+            {
 
+               "attributes" : {
 
+                  "NORMAL" : 17,
 
+                  "POSITION" : 16,
 
+                  "TEXCOORD_0" : 18
 
+               },
 
+               "indices" : 15,
 
+               "material" : 3
 
+            },
 
+            {
 
+               "attributes" : {
 
+                  "NORMAL" : 22,
 
+                  "POSITION" : 21,
 
+                  "TEXCOORD_0" : 23
 
+               },
 
+               "indices" : 20,
 
+               "material" : 4
 
+            }
 
+         ]
 
+      }
 
+   ],
 
+   "nodes" : [
 
+      {
 
+         "mesh" : 0,
 
+         "name" : "node-0"
 
+      }
 
+   ],
 
+   "scenes" : [
 
+      {
 
+         "name" : "scene-0",
 
+         "nodes" : [ 0 ]
 
+      }
 
+   ]
 
+}

BIN
resources/thing.glb
View File


BIN
resources/zombie/dance.fbx
View File


BIN
resources/zombie/idle.fbx
View File


BIN
resources/zombie/mremireh_o_desbiens.fbx
View File


BIN
resources/zombie/walk.fbx
View File