Shader Talk - Conversations on GLSL

#1

ITS BACK!

wooop… figured we would kick back on this old thread and start it off with something fun.

I am working on a procedural volumetric cube system, where if things go well it will be able to generate clouds and other wispy things with some level of control.

I have been loosly basing it off of Creating a Volumetric Ray Marcher
Gonna have to really start digging in now and refining some of the caluculations but for the most part its a good start.

https://playground.babylonjs.com/#1UWAVK#4
https://playground.babylonjs.com/#1UWAVK#6

Anyone else have any cool glsl stuff they are working on? I was thinking about putting up a shadertoy like tool for us made with the BJS system… but I wonder if anyone would use it.

eventually here I want to do the Volume Map with a 3d texture and then do some other fun things with 3d textures, but there is just so little time in the day with real work that has to be done.

4 Likes

#2

love it:) I always loved raymarching algorithms

And nice use of the shadermaterial

1 Like

#3

Hey @Pryme8,

Cool stuff! Would love to see you submit this to the 4.0 Release Video as you continue to develop it!

Nice Work!

0 Likes

#4

whoa I am flattered, if I can get the sorting issue and the marching entry point artifacts fixed ill be more then happy to!

1 Like

#5

https://playground.babylonjs.com/#1UWAVK#7

I was able to fix the dithering crazyness on the sides which is a great fix! Now I need to figure out to get the projection planes aligned.

1 Like

#6

Awesome! Can’t wait to dig into this…

0 Likes

#7

https://playground.babylonjs.com/#1UWAVK#15

I’m really close… The plane snapping calculations are off by a little bit, but at last you can enter the volume now.

next step is depth sorting, then performance.

1 Like

#8

https://playground.babylonjs.com/#1UWAVK#19

Access to some of the params now… Gotta start tailoring the performance and really start hampering down on somethings.

I think it might be smarter to use a lookup table then procedural, and then I will need to also figure out the plane orientation adjustments.

So close it hurts:
https://playground.babylonjs.com/#1UWAVK#23

2 Likes

#9

If anyone feels like having a shader that interacts with sound.
https://www.babylonjs-playground.com/#MFSFQ8#1
You could have multiple areas that you are sampling, this is just showing a quick rendition of the bin and then the totalVolume

https://www.babylonjs-playground.com/#MFSFQ8#3
This one is showing it interact with other shader values in this one a raymarched spheroid.

3 Likes

#10

https://www.babylonjs-playground.com/#XXJUMU#1

so I started doing a scene that I am hoping will make converting ShaderToy stuff easier.

Once I can get through this and start understanding more or less what all the comparable uniform and varying are (and why they use things like fragColor vs gl_fragColor), Ill write up a converter that hopefully you could just past the Shadertoy link and bam get a version running in bjs that is serializable.

Don’t really have much more time to look at this today, thats why Im dropping it here for now even though its not functioning.

2 Likes

#11

Anyone know of a good shader that will work to make images like these:
61%209001-136_t 63%201044-136
RKS-830-507_t

Seamless with one pass? Prolly just some simple texture synthesis, it just all the references I find are way more complex then what I would need.

Most textures will be close to tillable but just off, Im sure somebody has knows a good glsl script I can look at. It does not have to be perfect even, just a really good likeness of the texture.

1 Like

#13

Here we go I need to find a deployment like this:

1 Like

#14

I don’t know if this will help or not but Book of Shaders Gallery is really good

Someday I hope to have time to deepdive that…

0 Likes