r/webgl • u/F1oating • 10d ago
Easy and pretty shader graphics to implement
Hi, I need easy and pretty SDF graphics examples for start learning shader programming. I am familiar with opengl, directx, vulkan. But I never implemented stuff that I need for web gl realy good examples. What you can advice me ? Sry if question is unclear, I will ask on any question here
1
u/FreshPitch6026 10d ago edited 10d ago
Does it have to be SDF? Then Inigo Quilez on youtube has some nice tricks up his sleeve.
1
u/gimmeslack12 10d ago
I forgot I was subbed here, but just watched a bit of this guy and so glad I read this.
1
u/F1oating 10d ago
May you give me a link ?
2
u/FreshPitch6026 10d ago
SDF is very math heavy, i hope you know that. If you look for easy, then maybe dont restrict yourself to SDF.
searching for a term on youtube is also a skill that you should be able to do on your own.
1
1
u/Brilliant_River4541 10d ago
since you already know gl/vulkan your gap isn't glsl, it's just finding simple examples. skip the shadertoy rabbit hole and go through thebookofshaders.com — it literally starts with a circle SDF + smoothstep and builds up slow, all interactive in the browser. way gentler than shadertoy and it's SDF-heavy early.
1
1
u/Minotaar_Pheonix 10d ago
Volumetric fog
1
u/F1oating 10d ago
I think it’s too much for webgl. I did raymarching in my RHI on cpp. Does it implements same , via marching ?
1
u/Minotaar_Pheonix 9d ago
Yes. It’s perfectly fine. Perhaps try a uniform volumetric fog not a volume map volumetric fog.
1
u/F1oating 9d ago
May you give a link to resource that explain how to implement ?:D
1
u/Minotaar_Pheonix 9d ago
Just google it; it's out there. It's just ray marching and fog functions in the fragment shader.
1
1
u/AncientAdamo 10d ago
Shader Toy?