[EFFECTS] Tileable noise shaders

The idea is convert the types of Tileable Noise Shaders to C2.

Tileable Voronoise (By Matriax)

https://drive.google.com/file/d/1niLxf6 ... sp=sharing

Original shader by Rizvanner (https://www.shadertoy.com/view/XlscWX)

Tileable Noise Clouds shader (By Matriax)

https://drive.google.com/file/d/1D-E-9k ... sp=sharing

Original shader by Xwize (https://www.shadertoy.com/view/Xly3R1)

Animated Tileable Water Caustics (By Matriax)

https://drive.google.com/file/d/1Ow3Ajg ... sp=sharing

(Original by Dave Hoskins > https://www.shadertoy.com/view/MdlXz8)

Tileable Fractal Brownian (By Gigatron)

https://drive.google.com/file/d/1QfeX46 ... sp=sharing

Original shader by David Hoskins (https://www.shadertoy.com/view/4dlGW2)

(Matriax edition - added 8 new parameters and changed the Category to Noise)

Tileable Cells (By Gigatron)

http://gigatron3k.free.fr/html5/C2/FX/tcell.rar

Original shader by David Hoskins (https://www.shadertoy.com/view/4djGRh)

Tileable Cellular (By Gigatron)

http://gigatron3k.free.fr/html5/C2/FX/cellular.rar

Original shader > https://www.shadertoy.com/view/4scXz2

----

If you want to contribute take one of the list and reply that you are working on it to avoid people working on the same.

You can use the Gigatron ToolBox 0.0.7 for conversion, as i used from the Voronoise one:

app-shader-tool-box_t198927

Here is a list of cool Tileable Noise shaders that will be great for C2

All DONE!![/code:2wx5hdfl]

Remember to add this code:
[code:2wx5hdfl]
vec2 uv = gl_FragCoord.xy / iResolution.xy;
if (p1 != 0.0 )  { uv = vTex;  uv.y =1.-uv.y; }

uv *= p2;
 [/code:2wx5hdfl]
This gives the option to select if the pattern will be the original sprite resolution or any and the number of tiles.

Working on Noise Clouds conversion

https://www.shadertoy.com/view/Xly3R1 - Clouds

EDIT: THis cloud shader is so fun, lots of customizations and things that can be done with it :O

Noise Clouds shader Download

https://drive.google.com/file/d/1D-E-9k ... sp=sharing

Example of images generated (With some tint shader to give color)

Still needs some edits so will be updated soon. The idea is try to add some image manipulation inside the shader, like some stretch,etc...

matriax

I ve converted this one quickly ; https://www.shadertoy.com/view/4djGRh - Tileable Cells

Must be tested;

http://gigatron3k.free.fr/html5/C2/FX/tcell.rar

BTW : We can optimize this code like so :

 
vec2 uv;
if (p1==0.0) uv = gl_FragCoord.xy / iResolution.xy;
if (p1==1.0)  uv = vTex;

*** TO **

vec2 uv = gl_FragCoord.xy / iResolution.xy;

if (p1 != 0.0 )  { uv = vTex;  uv.y =1.-uv.y; }     // if mode is different of 0.0 then uv=vTex ; and flip uv.y ; gain one time if block ;  

[/code:i5375rg4]

Regards

Gigatron Great! Updated the first post with your shader, removed the one converted of the list and changed the code for tiling.

Edit: Had in mind add the RGB code too on my shaders and other stuff, but first i'm gonna try to pass all possible to C2 and see all the options becausmaybe there is someone with some function that i want in other shader so to no tepeat the proces i will wait to the end better.

Working on the water caustics one

https://www.shadertoy.com/view/MdlXz8

Animated Tileable Water Caustics

https://drive.google.com/file/d/1Ow3Ajg ... sp=sharing

(Original by Dave Hoskins > https://www.shadertoy.com/view/MdlXz8)

At the moment just two parameters, more will be added in a next update.

---

Hi Gigatron can you convert this one?:

https://www.shadertoy.com/view/4scXz2

Again lots of errors i don't know how to fix :S

matriax

Ok here is a C2 converted shader of https://www.shadertoy.com/view/4scXz2

no params were added you can edit as you want etc..

http://gigatron3k.free.fr/html5/C2/FX/cellular.rar

Gigatron Just perfect thanks!

The ones that i had lots of errors converting with your tool, have you look what kind of errors are to improve your toolbox for next time? Or are errors that can't be converted for some reason?

I was just about to ask the same thing.

I have had some decent success using Gigatron's Shader converter v0.4, but did wonder if you had updated the converter. Absolutely no pressure, Gigatron, as I know you are busy - just a query.

What you have posted recently is a valuable resource itself - many thanks for these, as always.

matriax

Will test this shader and convert it with stoolbox;

zenox

I am working on it , there are syntax parsing problems and the code is chaos like

Will post update when some bugs are removed.

Shaders using buffer are not possible with C2. Buffer are used to speed up shaders , like double or triple buffering code were

shader rendering is done background(buffer) .. All other shaders can be done ... Bad English but hope you understand.

Regards

Gigatron I'm editing the shaders and realized this:

With > vec2 uv = gl_FragCoord.xy / iResolution.xy;

• The tileable pattern is only the original sprite size. On resize the sprite just works like a TileBackground, is repeated always.

With > uv = vTex;

• The tileable pattern adapts to any sprite resolution but streching it from original size to the final. I mean. If the original sprite is 256x256 and you make the sprite 512x256 you get the same but streched in horizontal.

Question: is possible get the tileable pattern generated = the sprite size, no matter the original resolution and without stretch? (I don't know if i'm explained well). Or maybe only can be generated square images?

----

Edit: Seems even with original sprite at 1024x256 the texture is generated as square and then stretched, mmm