#fractalanimation — Public Fediverse posts

#genuary30 - "Shaders"

Building on my first ever attempt at programming shaders from yesterday's genuary post, I used a WebGL shader to animate one of my classic orbit trap fractal images. Live demo is here:

https://codeismycanvas.art/posts/genuary24/bhaskara.html

Now excuse me while I stare at this and space out the rest of the evening...

#genuary #shader #webgl #orbittrap #fractal #fractalanimation #gpu #generativeart #creativecoding

#genuary29 - Signed Distance Functions

After reading up on signed distance functions, I realized it's the same technique as rendering a fractal using orbit traps. Color is based on the signed distance to the trap edge, but it's the distance after each pixel goes through the fractal equation. Since most of the SDF references out there use shaders, I created a WebGL-animated Mandelbrot set using a horizontal and vertical orbit trap with the trap positions moving back and forth.

Live version is here (source is fully included in the html, so just "view source" to see how it works):
https://codeismycanvas.art/posts/genuary24/mandelbrot.html

#genuary #orbittrap #signeddistancefunction #fractal #fractalanimation #fractalart #webgl

I don't do a lot of animations, but couldn't resist with this one. This traces the path of 25 iterations of the system

x ↦ x - 0.4 sin(y + sin(0.4y))
y ↦ y - 0.4 sin(x + sin(-2x))

with initial (x, y) the set of points on a circle of radius 12, as the center moves from (-5, -0.4) to (+5, -0.4).

#mathart #mathanimation #fractalanimation #trippy #iteratedfunctionsystem #generativeart #ffmpeg