matrix-engine-wgpu 1.1.0 → 1.1.1

package/examples/games/jamb/jamb.js

@@ -8,6 +8,12 @@ export let dices = {
   STATUS_H2: 'WAIT',
   STATUS_H3: 'WAIT',
   R: {},
+
+	SAVED_DICES: {},
+
+	pickDice: (dice) => {
+		this.SAVED_DICES[dice] = this.R[dice]
+	},
   checkAll: function() {
     this.C++;
     if(typeof this.R.CubePhysics1 != 'undefined' &&

package/examples/unlit-textures.js

@@ -17,9 +17,9 @@ export var unlitTextures = function() {
     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']
+      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)

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
 }

package/main.js

@@ -3,7 +3,7 @@ import {downloadMeshes} from './src/engine/loader-obj.js';
 import {LOG_FUNNY, LOG_INFO, LOG_MATRIX, randomFloatFromTo, randomIntFromTo} from "./src/engine/utils.js";
 import {dices, myDom} from "./examples/games/jamb/jamb.js";
 import {MatrixSounds} from "./src/sounds/sounds.js";
-import {addRaycastListener, touchCoordinate,rayIntersectsSphere,  getRayFromMouse} from "./src/engine/raycast-test.js";
+import {addRaycastListener, touchCoordinate, rayIntersectsSphere, getRayFromMouse} from "./src/engine/raycast.js";
 
 export let application = new MatrixEngineWGPU({
 	useSingleRenderPass: true,
@@ -83,6 +83,18 @@ export let application = new MatrixEngineWGPU({
 	}
 
 	addRaycastListener();
+
+	addEventListener("ray.hit.event", (e) => {
+
+		console.log("hit cube ", e.detail.hitObject.name)
+
+		if(application.dices.STATUS == "FREE_TO_PLAY") {
+			console.log("hit cube status free to play prevent pick. ", e.detail.hitObject.name)
+		} else if(application.dices.STATUS == "SELECT_DICES_1") {
+			console.log("hit cube status SELECT1 pick.", e.detail.hitObject.name)
+			application.dices.pickDice(e.detail.hitObject.name)
+		}
+	});
 	// OR add manual see readme
 
 
@@ -244,7 +256,7 @@ export let application = new MatrixEngineWGPU({
 			useUVShema4x2: true,
 			name: 'CubePhysics1',
 			mesh: m.cube,
-			raycast: {enabled: true},
+			raycast: {enabled: true, radius: 2},
 			physics: {
 				enabled: true,
 				geometry: "Cube"
@@ -259,72 +271,72 @@ export let application = new MatrixEngineWGPU({
 			useUVShema4x2: true,
 			name: 'CubePhysics2',
 			mesh: m.cube,
-			raycast: {enabled: true},
+			raycast: {enabled: true, radius: 2},
+			physics: {
+				enabled: true,
+				geometry: "Cube"
+			}
+		})
+
+		application.addMeshObj({
+			position: {x: 4, y: 8, z: -10},
+			rotation: {x: 0, y: 0, z: 0},
+			rotationSpeed: {x: 0, y: 0, z: 0},
+			texturesPaths: ['./res/meshes/jamb/dice.png'],
+			useUVShema4x2: true,
+			name: 'CubePhysics3',
+			mesh: m.cube,
+			raycast: {enabled: true, radius: 2},
 			physics: {
 				enabled: true,
 				geometry: "Cube"
 			}
 		})
 
-		// application.addMeshObj({
-		// 	position: {x: 4, y: 8, z: -10},
-		// 	rotation: {x: 0, y: 0, z: 0},
-		// 	rotationSpeed: {x: 0, y: 0, z: 0},
-		// 	texturesPaths: ['./res/meshes/jamb/dice.png'],
-		// 	useUVShema4x2: true,
-		// 	name: 'CubePhysics3',
-		// 	mesh: m.cube,
-		// 	raycast: { enabled: true },
-		// 	physics: {
-		// 		enabled: true,
-		// 		geometry: "Cube"
-		// 	}
-		// })
-
-		// application.addMeshObj({
-		// 	position: {x: 3, y: 4, z: -10},
-		// 	rotation: {x: 0, y: 0, z: 0},
-		// 	rotationSpeed: {x: 0, y: 0, z: 0},
-		// 	texturesPaths: ['./res/meshes/jamb/dice.png'],
-		// 	useUVShema4x2: true,
-		// 	name: 'CubePhysics4',
-		// 	mesh: m.cube,
-		// 	raycast: { enabled: true },
-		// 	physics: {
-		// 		enabled: true,
-		// 		geometry: "Cube"
-		// 	}
-		// })
-
-		// application.addMeshObj({
-		// 	position: {x: -2, y: 4, z: -13},
-		// 	rotation: {x: 0, y: 0, z: 0},
-		// 	rotationSpeed: {x: 0, y: 0, z: 0},
-		// 	texturesPaths: ['./res/meshes/jamb/dice.png'],
-		// 	useUVShema4x2: true,
-		// 	name: 'CubePhysics5',
-		// 	mesh: m.cube,
-		// 	raycast: { enabled: true },
-		// 	physics: {
-		// 		enabled: true,
-		// 		geometry: "Cube"
-		// 	}
-		// })
-
-		// application.addMeshObj({
-		// 	position: {x: -4, y: 6, z: -9},
-		// 	rotation: {x: 0, y: 0, z: 0},
-		// 	rotationSpeed: {x: 0, y: 0, z: 0},
-		// 	texturesPaths: ['./res/meshes/jamb/dice.png'],
-		// 	useUVShema4x2: true,
-		// 	name: 'CubePhysics6',
-		// 	mesh: m.cube,
-		// 	raycast: { enabled: true },
-		// 	physics: {
-		// 		enabled: true,
-		// 		geometry: "Cube"
-		// 	}
-		// })
+		application.addMeshObj({
+			position: {x: 3, y: 4, z: -10},
+			rotation: {x: 0, y: 0, z: 0},
+			rotationSpeed: {x: 0, y: 0, z: 0},
+			texturesPaths: ['./res/meshes/jamb/dice.png'],
+			useUVShema4x2: true,
+			name: 'CubePhysics4',
+			mesh: m.cube,
+			raycast: {enabled: true, radius: 2},
+			physics: {
+				enabled: true,
+				geometry: "Cube"
+			}
+		})
+
+		application.addMeshObj({
+			position: {x: -2, y: 4, z: -13},
+			rotation: {x: 0, y: 0, z: 0},
+			rotationSpeed: {x: 0, y: 0, z: 0},
+			texturesPaths: ['./res/meshes/jamb/dice.png'],
+			useUVShema4x2: true,
+			name: 'CubePhysics5',
+			mesh: m.cube,
+			raycast: {enabled: true,radius: 2},
+			physics: {
+				enabled: true,
+				geometry: "Cube"
+			}
+		})
+
+		application.addMeshObj({
+			position: {x: -4, y: 6, z: -9},
+			rotation: {x: 0, y: 0, z: 0},
+			rotationSpeed: {x: 0, y: 0, z: 0},
+			texturesPaths: ['./res/meshes/jamb/dice.png'],
+			useUVShema4x2: true,
+			name: 'CubePhysics6',
+			mesh: m.cube,
+			raycast: {enabled: true, radius: 2},
+			physics: {
+				enabled: true,
+				geometry: "Cube"
+			}
+		})
 
 
 		application.TOLERANCE = 0;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "matrix-engine-wgpu",
-  "version": "1.1.0",
-  "description": "webGPU powered pwa application. Crazy fast rendering with AmmoJS physics support. Simple raycaster hit object added.",
+  "version": "1.1.1",
+  "description": "+HOTFIX raycast, webGPU powered pwa application. Crazy fast rendering with AmmoJS physics support. Simple raycaster hit object added.",
   "main": "index.js",
   "scripts": {
     "main-worker": "watchify app-worker.js -p [esmify --noImplicitAny] -o public/app-worker.js",
@@ -32,6 +32,9 @@
     "zlatnaspirala",
     "maximumroulette.com",
     "GLSL",
+		"raycast",
+		"hit-3d-object",
+		"hit-object",
     "webgpu-obj-loader",
     "webgpu-fps"
   ],