(I've tested this with the Shadertoy version. YMMV.)
ux 14 hours ago [-]
This is not equivalent; the `a` in `c.r+=w*a` is different, you need the original untouched w. The mountain looses its crack with your version.
But! You can save 1 char by replacing w with a:
g -= a*=w,
c += a*d*9.+...
a = min(...),
c.r += w*a*a*.2,
So thank you for the idea!
ux 1 days ago [-]
Hey, thank you, that's a nice one. I added the change to the Shadertoy version with your credit. I will add a note/update on the blog and demo page later. Thanks again :)
zahlman 1 days ago [-]
Is it actually necessary to specify `a` as a floating-point literal? Will it not be implicitly converted?
ux 1 days ago [-]
Yeah. If you want implicit conversion, you need to specify a constructor like float(cond), but that would be longer than the ternary form. I thought about using a vec3() but vec3(...).x is still too long and using the vec3 directly doesn't look viable. Declaring a bool adds more characters as well. There is also step() giving the same number of chars: a=step(.001,h), but it's not more optimal: https://iquilezles.org/articles/gpuconditionals/
If you see a way to make it shorter, feel free to share :)
vintermann 16 hours ago [-]
Using maths, insanity, and a ton of calculation horsepower... That made my graphic card fan turn on instantly!
mielioort 7 hours ago [-]
Needs dragons flying sunwards
samwhiteUK 14 hours ago [-]
Unbelievably cool, well done!
bangaladore 1 days ago [-]
The top demo doesn't function on Edge or Chrome on Windows due to too many webgl contexts.
> WARNING: Too many active WebGL contexts. Oldest context will be lost.
ux 1 days ago [-]
Ah, someone reported this to me today, but I must admit I have no idea how to address the issue. Currently the canvas animations are stopped when out of context, but yeah they have to be loaded.
As an aside, WebGPU doesn't have this issue or at least has it less. For one, WebGPU can use a single device to render to multiple canvases, something WebGL can't. Another is that WebGPU is mostly stateless making it easier for both the user and the browser.
ux 15 hours ago [-]
Incredible, thank you very much. I've included the script for a quick fix, I'll see how to make to cook something myself at some point!
timojaask 24 hours ago [-]
Similar issue on iOS Safari: all examples work except for the very first one.
sgarland 12 hours ago [-]
It loaded fine for me. iOS 26.0, iPhone 16 Pro.
user1093298 22 hours ago [-]
Works fine with Firefox on Windows.
What am I saying? Fine? It's freaking awesome.
ForHackernews 13 hours ago [-]
If anyone is interested in learning more about this kind of coding https://thebookofshaders.com/ is a fantastic intro.
ux 11 hours ago [-]
Is this tutorial kind of abandoned? There are many teased chapters that never seem to have materialized somehow.
sgarland 12 hours ago [-]
This is utterly bonkers to me, well done.
Rendered at 00:23:26 GMT+0000 (Coordinated Universal Time) with Vercel.
But! You can save 1 char by replacing w with a:
So thank you for the idea!If you see a way to make it shorter, feel free to share :)
> WARNING: Too many active WebGL contexts. Oldest context will be lost.
The code on the blog is pretty simple and naive (I'm not a webdev): https://github.com/ubitux/scripts/blob/main/share/blog/shade...
Any suggestion on how to address the issue is welcome.
Note: I don't have any Windows machine to test with
https://github.com/greggman/virtual-webgl
If you want to make your own solution there's one listed here about 1/2 way down the page
https://webglfundamentals.org/webgl/lessons/webgl-multiple-v...
As an aside, WebGPU doesn't have this issue or at least has it less. For one, WebGPU can use a single device to render to multiple canvases, something WebGL can't. Another is that WebGPU is mostly stateless making it easier for both the user and the browser.
What am I saying? Fine? It's freaking awesome.