matrix-engine-wgpu 1.0.4 → 1.0.6

package/REFERENCE.md

@@ -51,3 +51,11 @@ Most examples that have one render pass set loadOp: 'clear' but in the example a
 YEs this is happening " would erase the results from render pass 1 "
 
 
+
+# https://www.euclideanspace.com/maths/geometry/rotations/conversions/quaternionToAngle/index.htm
+
+
+
+LOOK HERE
+
+https://glm.g-truc.net/0.9.0/api/a00184.html

package/examples/load-obj-file.js

@@ -22,17 +22,11 @@ export let application = new MatrixEngineWGPU({
     texturesPaths: ['./res/textures/rust.jpg']
   };
 
-  // let mesh = adaptJSON1(stanfordDragonData)
-  // application.addBall(o)
-  // application.addCube(c)
   application.addCube(o)
 
   function onLoadObj(m) {
     console.log('Loaded obj:', m.armor);
-    // console.log('APP2 ', jsonPiramyd);
-    // jsonPiramyd.vertexNormals = jsonPiramyd.normals;
-    // jsonPiramyd.indices = jsonPiramyd.faces;
-    // jsonPiramyd.textures = jsonPiramyd.uvs;
+
     application.addMeshObj({
       position: {x: 0, y: 0, z: -5},
       texturesPaths: ['./res/meshes/obj/armor.png'],
@@ -41,7 +35,6 @@ export let application = new MatrixEngineWGPU({
     })
   }
 
-  // downloadMeshes({armor: "./res/meshes/obj/armor.obj"}, onLoadObj)
   downloadMeshes({armor: "./res/meshes/blender/piramyd.obj"}, onLoadObj)
 })
 

package/main.js

@@ -1,38 +1,57 @@
 import MatrixEngineWGPU from "./src/world.js";
 import {downloadMeshes} from './src/engine/loader-obj.js';
+import {LOG_FUNNY, LOG_INFO, LOG_MATRIX} from "./src/engine/utils.js";
 
 export let application = new MatrixEngineWGPU({
-  useSingleRenderPass: false,
-  canvasSize: 'fullscreen'
+  useSingleRenderPass: true,
+  canvasSize: 'fullscreen',
+  mainCameraParams: {
+    type: 'WASD',
+    responseCoef: 1000
+  }
 }, () => {
-  function onLoadObj(m) {
 
-    console.log('Loaded objs:', m);
+  addEventListener('AmmoReady', () => {
+    downloadMeshes({
+      welcomeText: "./res/meshes/blender/piramyd.obj",
+      armor: "./res/meshes/obj/armor.obj",
+      sphere: "./res/meshes/blender/sphere.obj",
+      cube: "./res/meshes/blender/cube.obj",
+    }, onLoadObj)
+  })
+
+  function onLoadObj(m) {
+    application.myLoadedMeshes = m;
+    for(var key in m) {
+      console.log(`%c Loaded objs: ${key} `, LOG_MATRIX);
+    }
 
     application.addMeshObj({
-      position: {x: -3, y: 0, z: -5},
+      position: {x: 0, y: 2, z: -10},
       rotation: {x: 0, y: 0, z: 0},
-      rotationSpeed: {x: 0, y: 10, z: 0},
-      texturesPaths: ['./res/meshes/obj/armor.png'],
-      name: 'Armor',
-      mesh: m.armor
+      rotationSpeed: {x: 0, y: 0, z: 0},
+      texturesPaths: ['./res/meshes/blender/cube.png'],
+      name: 'CubePhysics',
+      mesh: m.cube,
+      physics: {
+        enabled: true,
+        geometry: "Cube"
+      }
     })
 
     application.addMeshObj({
-      position: {x: 3, y: 0, z: -5},
-      rotation: {x: -90, y: 0, z: 0},
+      position: {x: 0, y: 2, z: -10},
+      rotation: {x: 0, y: 0, z: 0},
       rotationSpeed: {x: 0, y: 0, z: 0},
-      texturesPaths: ['./res/meshes/obj/armor.png'],
-      name: 'MyText',
-      mesh: m.welcomeText
+      texturesPaths: ['./res/meshes/blender/cube.png'],
+      name: 'SpherePhysics',
+      mesh: m.sphere,
+      physics: {
+        enabled: true,
+        geometry: "Sphere"
+      }
     })
   }
-
-  downloadMeshes({
-    welcomeText: "./res/meshes/blender/piramyd.obj",
-    armor: "./res/meshes/obj/armor.obj"
-  }, onLoadObj)
-
 })
 
 window.app = application

package/package.json

@@ -1,41 +1,35 @@
-{
-  "name": "matrix-engine-wgpu",
-  "version": "1.0.4",
-  "description": "webGPU powered pwa application.Crazy fast rendering.",
-  "main": "index.js",
-  "scripts": {
-    "main-worker": "watchify app-worker.js -p [esmify --noImplicitAny] -o public/app-worker.js",
-    "examples": "watchify examples.js -p [esmify --noImplicitAny] -o public/examples.js",
-    "main": "watchify main.js -p [esmify --noImplicitAny] -o public/app.js",
-    "build-empty": "watchify empty.js -p [esmify --noImplicitAny] -o public/empty.js",
-    "build-all": "npm run main-worker | npm run examples | npm run main | npm run build-empty"
-  },
-  "keywords": [
-    "webGPU",
-    "webGPU-scene",
-    "webGPU-engine",
-    "matrix",
-    "matrix-engine",
-    "matrix-engine-webGPU",
-    "matrix-calculation",
-    "modelView",
-    "modelViewProjectionMatrix",
-    "ProjectionMatrix",
-    "render",
-    "wgpu",
-    "zlatnaspirala",
-    "maximumroulette.com",
-    "GLSL"
-  ],
-  "author": "Nikola Lukic",
-  "license": "MIT",
-  "devDependencies": {
-    "browser-resolve": "^2.0.0",
-    "browserify": "^17.0.0",
-    "esmify": "^2.1.1",
-    "watchify": "^4.0.0"
-  },
-  "dependencies": {
-    "wgpu-matrix": "^2.5.1"
-  }
-}
+{
+  "name": "matrix-engine-wgpu",
+  "version": "1.0.6",
+  "description": "webGPU powered pwa application. Crazy fast rendering with AmmoJS physics support.",
+  "main": "index.js",
+  "scripts": {
+    "main-worker": "watchify app-worker.js -p [esmify --noImplicitAny] -o public/app-worker.js",
+    "examples": "watchify examples.js -p [esmify --noImplicitAny] -o public/examples.js",
+    "main": "watchify main.js -p [esmify --noImplicitAny] -o public/app.js",
+    "build-empty": "watchify empty.js -p [esmify --noImplicitAny] -o public/empty.js",
+    "build-all": "npm run main-worker | npm run examples | npm run main | npm run build-empty"
+  },
+  "keywords": [
+    "3dScene", "webGPU",
+    "webGPU-scene", "webGPU-engine",
+    "matrix", "matrix-engine",
+    "matrix-engine-webGPU", "matrix-calculation",
+    "modelView", "modelViewProjectionMatrix",
+    "ProjectionMatrix", "render",
+    "wgpu", "zlatnaspirala",
+    "maximumroulette.com", "GLSL",
+    "webgpu-obj-loader"
+  ],
+  "author": "Nikola Lukic",
+  "license": "MIT",
+  "devDependencies": {
+    "browser-resolve": "^2.0.0",
+    "browserify": "^17.0.0",
+    "esmify": "^2.1.1",
+    "watchify": "^4.0.0"
+  },
+  "dependencies": {
+    "wgpu-matrix": "^2.5.1"
+  }
+}