matrix-engine-wgpu 1.2.12 → 1.2.13

package/package.json

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

package/src/engine/mesh-obj.js

@@ -290,7 +290,7 @@ export default class MEMeshObj {
       });
 
       const depthTexture = this.device.createTexture({
-        size: [canvas.width, canvas.height],
+        size: [canvas.width, canvas.height, 1],
         format: 'depth24plus-stencil8',
         usage: GPUTextureUsage.RENDER_ATTACHMENT,
       });
@@ -301,7 +301,7 @@ export default class MEMeshObj {
             // view is acquired and set in render loop.
             view: undefined,
             clearValue: {r: 0.5, g: 0.5, b: 0.5, a: 1.0},
-            loadOp: 'load',
+            loadOp: 'clear',
             storeOp: 'store',
           },
         ],
@@ -326,7 +326,8 @@ export default class MEMeshObj {
         // one for the camera and one for the light.
         // Then a vec3 for the light position.
         // Rounded to the nearest multiple of 16.
-        size: 2 * 4 * 16 + 4 * 4,
+        // size: 2 * 4 * 16 + 4 * 4,
+        size: 160,
         usage: GPUBufferUsage.UNIFORM | GPUBufferUsage.COPY_DST,
       });
 

package/src/shaders/fragment.wgsl.js

@@ -3,7 +3,8 @@ export let fragmentWGSL = `override shadowDepthTextureSize: f32 = 1024.0;
 struct Scene {
   lightViewProjMatrix : mat4x4f,
   cameraViewProjMatrix : mat4x4f,
-  lightPos : vec3f,
+  lightPos : vec4f,
+  // padding: f32, // 👈 fix alignment
 }
 
 @group(0) @binding(0) var<uniform> scene : Scene;
@@ -39,7 +40,7 @@ fn main(input : FragmentInput) -> @location(0) vec4f {
     }
   }
   visibility /= 9.0;
-  let lambertFactor = max(dot(normalize(scene.lightPos - input.fragPos), normalize(input.fragNorm)), 0.0);
+  let lambertFactor = max(dot(normalize(scene.lightPos.xyz - input.fragPos), normalize(input.fragNorm)), 0.0);
   let lightingFactor = min(ambientFactor + visibility * lambertFactor, 1.0);
   let textureColor = textureSample(meshTexture, meshSampler, input.uv);
 

package/src/shaders/vertex.wgsl.js

@@ -1,7 +1,8 @@
 export let vertexWGSL = `struct Scene {
   lightViewProjMatrix: mat4x4f,
   cameraViewProjMatrix: mat4x4f,
-  lightPos: vec3f,
+  lightPos: vec4f,
+  // padding: f32, // 👈 fix alignment
 }
 
 struct Model {

package/src/shaders/vertexShadow.wgsl.js

@@ -1,7 +1,8 @@
 export let vertexShadowWGSL =  `struct Scene {
   lightViewProjMatrix: mat4x4f,
   cameraViewProjMatrix: mat4x4f,
-  lightPos: vec3f,
+  lightPos: vec4f,
+  // padding: f32, // 👈 fix alignment
 }
 
 struct Model {