Fix to particle alignment fix on WebGPU (#7895)

mvaligursky · Martin Valigursky · web-flow · commit 4b0e514e12bf · 2025-08-11T13:48:36.000+02:00
Co-authored-by: Martin Valigursky &lt;mvaligursky@snapchat.com&gt;
diff --git a/src/scene/shader-lib/wgsl/chunks/particle/vert/particle.js b/src/scene/shader-lib/wgsl/chunks/particle/vert/particle.js
@@ -39,7 +39,7 @@ struct RotateResult {
 fn rotateWithMatrix(quadXY: vec2f, pRotation: f32) -> RotateResult {
     let c = cos(pRotation);
     let s = sin(pRotation);
-    let m = mat2x2f(vec2f(c, s), vec2f(-s, c));
+    let m = mat2x2f(vec2f(c, -s), vec2f(s, c));
     return RotateResult(m * quadXY, m);
 }
 
diff --git a/src/scene/shader-lib/wgsl/chunks/particle/vert/particle_cpu.js b/src/scene/shader-lib/wgsl/chunks/particle/vert/particle_cpu.js
@@ -51,7 +51,7 @@ struct RotateResult {
 fn rotateWithMatrix(quadXY: vec2f, pRotation: f32) -> RotateResult {
     let c = cos(pRotation);
     let s = sin(pRotation);
-    let m = mat2x2f(vec2f(c, s), vec2f(-s, c));
+    let m = mat2x2f(vec2f(c, -s), vec2f(s, c));
     return RotateResult(m * quadXY, m);
 }
 

Original file line number	Diff line number	Diff line change
`@@ -39,7 +39,7 @@ struct RotateResult {`
`39`	`39`	`fn rotateWithMatrix(quadXY: vec2f, pRotation: f32) -> RotateResult {`
`40`	`40`	`let c = cos(pRotation);`
`41`	`41`	`let s = sin(pRotation);`
`42`		`- let m = mat2x2f(vec2f(c, s), vec2f(-s, c));`
	`42`	`+ let m = mat2x2f(vec2f(c, -s), vec2f(s, c));`
`43`	`43`	`return RotateResult(m * quadXY, m);`
`44`	`44`	`}`
`45`	`45`
Original file line number	Diff line number	Diff line change
`@@ -51,7 +51,7 @@ struct RotateResult {`
`51`	`51`	`fn rotateWithMatrix(quadXY: vec2f, pRotation: f32) -> RotateResult {`
`52`	`52`	`let c = cos(pRotation);`
`53`	`53`	`let s = sin(pRotation);`
`54`		`- let m = mat2x2f(vec2f(c, s), vec2f(-s, c));`
	`54`	`+ let m = mat2x2f(vec2f(c, -s), vec2f(s, c));`
`55`	`55`	`return RotateResult(m * quadXY, m);`
`56`	`56`	`}`
`57`	`57`