matrix-engine-wgpu 1.0.6 → 1.1.1

package/examples/load-obj-file.js

@@ -1,41 +1,78 @@
 import MatrixEngineWGPU from "../src/world.js";
 import {downloadMeshes} from '../src/engine/loader-obj.js';
+// 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'
+export var loadObjFile = function() {
+
+let loadObjFile = new MatrixEngineWGPU({
+  useSingleRenderPass: true,
+  canvasSize: 'fullscreen',
+  mainCameraParams: {
+    type: 'WASD',
+    responseCoef: 1000
+  }
 }, () => {
 
-  let c = {
-    scale: 1,
-    position: {x: -2, y: 2, z: -10},
-    rotation: {x: 0, y: 0, z: 0},
-    rotationSpeed: {x: 0, y: 0, z: 0},
-    texturesPaths: ['./res/textures/rust.jpg']
-  };
+  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)
+  })
 
-  let o = {
-    scale: 2,
-    position: {x: 2, y: 0, z: -10},
-    rotation: {x: 0, y: 45, z: 0},
-    rotationSpeed: {x: 0, y: 0, z: 0},
-    texturesPaths: ['./res/textures/rust.jpg']
-  };
+  function onLoadObj(m) {
+    loadObjFile.myLoadedMeshes = m;
+    for(var key in m) {
+      console.log(`%c Loaded objs: ${key} `, LOG_MATRIX);
+    }
 
-  application.addCube(o)
+    loadObjFile.addMeshObj({
+      position: {x: 0, y: 2, z: -10},
+      rotation: {x: 0, y: 0, z: 0},
+      rotationSpeed: {x: 0, y: 0, z: 0},
+      texturesPaths: ['./res/meshes/blender/cube.png'],
+      name: 'CubePhysics',
+      mesh: m.cube,
+      physics: {
+        enabled: true,
+        geometry: "Cube"
+      }
+    })
+
+    loadObjFile.addMeshObj({
+      position: {x: 0, y: 2, z: -10},
+      rotation: {x: 0, y: 0, z: 0},
+      rotationSpeed: {x: 0, y: 0, z: 0},
+      texturesPaths: ['./res/meshes/blender/cube.png'],
+      name: 'SpherePhysics',
+      mesh: m.sphere,
+      physics: {
+        enabled: true,
+        geometry: "Sphere"
+      }
+    })
 
-  function onLoadObj(m) {
-    console.log('Loaded obj:', m.armor);
 
-    application.addMeshObj({
-      position: {x: 0, y: 0, z: -5},
-      texturesPaths: ['./res/meshes/obj/armor.png'],
-      name: 'Armor',
-      mesh:  m.armor
+    loadObjFile.addMeshObj({
+      position: {x: 0, y: 2, z: -10},
+      rotation: {x: 0, y: 0, z: 0},
+      rotationSpeed: {x: 0, y: 0, z: 0},
+      texturesPaths: ['./res/meshes/blender/cube.png'],
+      name: 'CubePhysics',
+      mesh: m.welcomeText,
+      physics: {
+        enabled: true,
+        geometry: "Cube"
+      }
     })
-  }
 
-  downloadMeshes({armor: "./res/meshes/blender/piramyd.obj"}, onLoadObj)
+  }
 })
 
-window.app = application
+ window.app = loadObjFile;
+
+}

package/examples/unlit-textures.js

@@ -1,27 +1,30 @@
-import MatrixEngineWGPU from "../src/meWGPU";
+import MatrixEngineWGPU from "../src/world.js";
 
-export let application = new MatrixEngineWGPU({
-  useSingleRenderPass: false,
-  canvasSize: 'fullscreen'
-}, () => {
+export var unlitTextures = function() {
+  let unlitTextures = new MatrixEngineWGPU({
+    useSingleRenderPass: false,
+    canvasSize: 'fullscreen'
+  }, () => {
 
-  let c = {
-    scale: 2,
-    position: {x: -3, y: 0, z: -10},
-    rotation: {x: 0, y: 0, z: 0},
-    rotationSpeed: {x: 10, y: 0, z: 0},
-    texturesPaths: ['./res/textures/rust.jpg']
-  };
+    let c = {
+      scale: 2,
+      position: {x: -3, y: 0, z: -10},
+      rotation: {x: 0, y: 0, z: 0},
+      rotationSpeed: {x: 10, y: 0, z: 0},
+      texturesPaths: ['./res/textures/rust.jpg']
+    };
 
-  let o = {
-    scale: 2,
-    position: {x: 3, y: 0, z: -10},
-    rotation: {x: 0, y: 45, z: 0},
-    rotationSpeed: {x: 0, y: 10, z: 0},
-    texturesPaths: ['./res/textures/rust.jpg']
-  };
-  application.addBall(c)
-  application.addCube(o)
-})
+    let o = {
+      scale: 2,
+      position: {x: 3, y: 0, z: -10},
+      rotation: {x: 0, y: 0, z: 0},
+      rotationSpeed: {x: 10, y: 0, z: 0},
+      texturesPaths: ['./res/textures/default.png']
+    };
+    unlitTextures.addBall(c)
+    unlitTextures.addCube(o)
+  })
 
-window.app = application
+  window.app = unlitTextures;
+
+}

package/examples.js

@@ -1,7 +1,39 @@
 /**
  * @examples
- * Just import curent example/demo
+ * MATRIX_ENGINE_WGPU EXAMPLE WORKSPACE
+ * Nikola Lukic 2024
  */
-import { application } from "./examples/load-obj-file.js";
 
-window.app = application
+import {loadJamb} from "./examples/games/jamb/jamb.js";
+import {loadObjFile} from "./examples/load-obj-file.js";
+import {unlitTextures} from "./examples/unlit-textures.js";
+import {byId} from "./src/engine/utils.js";
+
+// For future
+var examples = {
+  loadJamb,
+  loadObjFile,
+  unlitTextures
+};
+
+byId('loadObjFile').addEventListener("click", () => {
+  byId('loadObjFile').setAttribute('disabled', true)
+  byId('unlitTextures').removeAttribute('disabled')
+  if (typeof app !== "undefined") app.destroyProgram()
+  loadObjFile()
+})
+
+byId('unlitTextures').addEventListener("click", () => {
+  byId('unlitTextures').setAttribute('disabled', true)
+  byId('loadObjFile').removeAttribute('disabled')
+  if (typeof app !== "undefined") app.destroyProgram()
+  unlitTextures()
+})
+
+byId('jamb').addEventListener("click", () => {
+  byId('unlitTextures').setAttribute('disabled', true)
+  byId('loadObjFile').setAttribute('disabled', true)
+  byId('jamb').removeAttribute('disabled')
+  if (typeof app !== "undefined") app.destroyProgram()
+  loadJamb()
+})

package/index.js

@@ -6,19 +6,25 @@
 import {degToRad} from "wgpu-matrix/dist/2.x/utils.js";
 import {downloadMeshes} from "./src/engine/loader-obj.js";
 import MatrixEngineWGPU from "./src/meWGPU.js";
+import {getRayFromMouse, rayIntersectsSphere} from "./src/engine/raycast.js";
 
 var about = () => {
   console.log("Hi npm. matrix-engine for webgpu is ready...")
   console.log("--------------------------------------------")
-  console.log("List of features : ")
+  console.log("List of features: ")
   console.log(" - Loading obj files with uvs")
-  console.log(" - Scene oriented draws")
+  console.log(" - Scene camera use -z front")
   console.log(" - position, rotation - same like matrix-engine")
+	console.log(" - Physics used Ammo.js build")
+	console.log(" - Raycaster HIT/CLICK on object scene")
 }
 
 export {
   MatrixEngineWGPU,
   downloadMeshes,
+	rayIntersectsSphere,
+	getRayFromMouse,
+	addRaycastListener,
   degToRad,
   about
 }