matrix-engine-wgpu 1.3.0 → 1.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "matrix-engine-wgpu",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "obj sequence anim +HOTFIX raycast, webGPU powered pwa application. Crazy fast rendering with AmmoJS physics support. Simple raycaster hit object added.",
   "main": "index.js",
   "files": [

package/readme.md

@@ -69,7 +69,7 @@ mainCameraParams: {
 
 ---
 
-### Object Positioning
+### Object Position
 
 Control object position:
 
@@ -134,7 +134,7 @@ app.cameras.WASD.pitch = 0.2;
 
 ---
 
-## Object Interaction (Raycasting)
+### Object Interaction (Raycasting)
 
 The raycast returns:
 
@@ -173,7 +173,7 @@ window.addEventListener('ray.hit.event', (event) => {
 
 ---
 
-## How to Load `.obj` Models
+### How to Load `.obj` Models
 
 ```js
 import MatrixEngineWGPU from "./src/world.js";
@@ -234,13 +234,11 @@ window.app = application;
 ```
 
 
-## 🔁 Load OBJ Sequence Animation
+### 🔁 Load OBJ Sequence Animation
 
 This example shows how to load and animate a sequence of .obj files to simulate mesh-based animation (e.g. walking character).
 
-js
-Copy
-Edit
+```js
 import MatrixEngineWGPU from "../src/world.js";
 import { downloadMeshes, makeObjSeqArg } from "../src/engine/loader-obj.js";
 import { LOG_MATRIX } from "../src/engine/utils.js";
@@ -396,4 +394,4 @@ You may use, modify, and sell projects based on this code — just keep this not
 
 Top level main.js instance (Ultimate Yahtzee)
 
----
+---

package/src/engine/mesh-obj.js

@@ -25,15 +25,17 @@ export default class MEMeshObj {
     this.context = context;
     this.entityArgPass = o.entityArgPass;
 
-    // Mesh stuff
+    // Mesh stuff - for single mesh or t-posed (fiktive-first in loading order)
     this.mesh = o.mesh;
     this.mesh.uvs = this.mesh.textures;
     console.log(`%c Mesh loaded: ${o.name}`, LOG_FUNNY_SMALL);
 
-    // TEST OBJ SEQ ANIM
-    //
+    // ObjSequence animation
     if(typeof o.objAnim !== 'undefined' && o.objAnim != null) {
       this.objAnim = o.objAnim;
+      for (var key in this.objAnim.animations){
+        if (key != 'active') this.objAnim.animations[key].speedCounter = 0;
+      }
       console.log(`%c Mesh objAnim exist: ${o.objAnim}`, LOG_FUNNY_SMALL);
       this.drawElements = this.drawElementsAnim;
     }
@@ -699,18 +701,21 @@ export default class MEMeshObj {
   }
 
   drawElementsAnim = (renderPass) => {
-        console.log('render is  for anim')
     renderPass.setBindGroup(0, this.sceneBindGroupForRender);
     renderPass.setBindGroup(1, this.modelBindGroup);
     const mesh = this.objAnim.meshList[this.objAnim.id + this.objAnim.currentAni];
-
     renderPass.setVertexBuffer(0, mesh.vertexBuffer);
     renderPass.setVertexBuffer(1, mesh.vertexNormalsBuffer);
     renderPass.setVertexBuffer(2, mesh.vertexTexCoordsBuffer);
     renderPass.setIndexBuffer(mesh.indexBuffer, 'uint16');
     renderPass.drawIndexed(mesh.indexCount);
     if(this.objAnim.playing == true) {
-      this.objAnim.currentAni++;
+      if (this.objAnim.animations[this.objAnim.animations.active].speedCounter >= this.objAnim.animations[this.objAnim.animations.active].speed) {
+        this.objAnim.currentAni++;
+        this.objAnim.animations[this.objAnim.animations.active].speedCounter = 0;
+      } else {
+        this.objAnim.animations[this.objAnim.animations.active].speedCounter++;
+      }
       if(this.objAnim.currentAni >= this.objAnim.animations[this.objAnim.animations.active].to) {
         this.objAnim.currentAni = this.objAnim.animations[this.objAnim.animations.active].from;
       }