Procedural Textures with Hash Functions(douglasorr.github.io)
douglasorr.github.io
Procedural Textures with Hash Functions
https://douglasorr.github.io/2025-04-hash-textures/article.html
5 comments
Very useful - I'm working on a 3D space engine (https://youtu.be/dJ7tK-M3he0?si=7U-5u1-raR6WFRQ1) and started with CPU textures before moving to GPU - some of the patterns for procedural generation aren't quite right (but my focus has been on the physics and lighting for now)
Reminded me of the oldskool plasma effect[1], but this is even simpler given the lack of lookup tables. Neat!
Note, demo requires WebGL so won't show in Firefox.
[1]: https://invisiblewater.github.io/MattGraphicsTutorials/effec...
Note, demo requires WebGL so won't show in Firefox.
[1]: https://invisiblewater.github.io/MattGraphicsTutorials/effec...
> Note, demo requires WebGL so won't show in Firefox.
Works for me in Firefox on mobile?
Works for me in Firefox on mobile?
Ah maybe I disabled it manually. Was confusing it with WebGPU when I saw the complaints in console about not being available[1].
[1]: https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Exp...
[1]: https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Exp...
Hey, this might be exactly what I'm looking for!
To test some 3d graphics code, I need to generate a lot of textures. From a technical standpoint, just a single color texture would do but having some recognizable patterns that are easy to distinguish by eye would be useful to check for correctness and glitches.
Thanks for sharing.
To test some 3d graphics code, I need to generate a lot of textures. From a technical standpoint, just a single color texture would do but having some recognizable patterns that are easy to distinguish by eye would be useful to check for correctness and glitches.
Thanks for sharing.