Animating a picture with shaders or programming abstract text

A couple of years ago I came across a picture with simple geometry:

It was easy to draw it in ascii art, and now I programmed the video card in order to get hundreds of the same pictures on the matrix, smoothly flowing into each other. As for the geometry, there seem to be no questions here, but the sunny pattern and text were not made right away. I got something resembling the original texture of the pattern using the following operation: c=(vec4(ceil(sin(r))+mod(y,2.0))+vec4(ceil(cos(r))+mod(x,2.0)))*(vec4(ceil(sin(r2))+mod(y,2.0))+vec4(ceil(cos(r2))+mod(x,2.0))), where r and r2 are the square of the radius and the radius. But the text is probably more interesting: I learned how to get abstract text in this way https://www.shadertoy.com/view/sdKXW1 and here’s another example https://www.shadertoy.com/view/fdySWD now all that remains is to stretch the text over the geometry. To do this, you need to pick up perpendiculars. For the diagonal, instead of x and y, we use their sum and difference in the operation of division modulo. And in order to stretch the abstract text onto a circle, we will have to replace these variables with the radius and degrees. Well, at the end, you can add the dependence of these formulas on time to animate the picture and make it clear that the text is not real.

If you are interested in seeing how the text comes to life or looking at the entire code in its entirety: then here shader link

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *