fix: Perlin noise dynamic cache on Safari

[mhawryluk]

closes #1356

[github-actions]

pkg.pr.new

packages

pnpm i https://pkg.pr.new/software-mansion/TypeGPU/typegpu@1362
pnpm i https://pkg.pr.new/software-mansion/TypeGPU/typegpu@43cdf52e4d500e19f25a1aa78146955cf30a4b4c

benchmark
view benchmark

commit
view commit

[reczkok]

Gotta love the alignment inconsistencies

[iwoplaza]

Awesome! 👏
Was this hard to debug on Safari? How did you manage to find the solution? 👀

[mhawryluk]

Awesome! 👏 Was this hard to debug on Safari? How did you manage to find the solution? 👀

it wasn't particularly more difficult to debug on Safari. I was doing so on the macOS version, not iOS though. the only annoying thing was the very long reloading times after each change in code, which don't happen on Chrome.

to find the solution, I was replacing chunks of code with hard-coded values to make it render anything on the screen, starting with big chunks, like the entirety of the fragment function, gradually to smaller and smaller pieces. that way I was able to notice that accessing the size buffer binding at all would break the rendering (the value didn't even need to be actually used, just referenced). then it was @reczkok who suggested that it might be vec3 alignment's fault and so I tried the vec4 to see if that would fix the bug, which it did