GLSL rendering technics

Processing
1

hello everybody! im in a long and beutiful road of learning shaders. right now, im using a lot the render to texture technic, passing a buffer as a texture to a shader and render that to another texture… etc. im using Processing lenguaje, saving buffers in PGraphics Objects. but i wish expand my rendering technics so i could get differents results. is another technic that i must to know? i see some people works using shaders and i wonder how it do…
for example this:

https://www.instagram.com/p/BmHOm21F…en-by=kyndinfo

its look like a sphere with a texture, but the trail is what i wish want to know how can i do it, seems particles, or smoke… what are they?

similar to

Versum 2017 (excerpts) on Vimeo

2

I think you can create cool trail effects by applying a glsl filter, in which you set the color of a pixel to nearby pixel color. You choose the distance and direction of the sampling based on the hue, saturation and brightness of the current pixel. This is how it can look like:

Here some code in ShaderToy (notice the two code tabs):
https://www.shadertoy.com/view/Xl2BWw

1 Like
3

thanks @hamoid ! do you have the sketch of the video? just for see how you pass the information to shaders.

4

by the way @hamoid, see in you others vimeo videos some kind of 3D noise cylinder (think you do in open frameworks), do you use a librarie? a few days later i opened a thread about it here in the forum! thanks for the data

5

I don’t think I pass any information explicitly to the shader. I only draw two closed irregular shapes and then apply a filter with a shader. Everything that happens is because of the cumulative nature of the shader (applying it once per frame without clearing the screen). On each frame all the pixels are moved slightly by the shader depending on their HSB values. This creates unexpected shapes and motions.

6

It’s hard to say without knowing which video exactly you mean, but I don’t think I used any libraries for creating shapes. I just calculated where to place each vertex :slight_smile: Creating simple shapes like a cylinder or a torus is not that hard. Then you can deform them by applying some displacement to all the vertices.