Moore Curve Voronoi Cells

Number of Holes 32

Move Speed Factor 8

More information

The point of this page is to show variations of a looping animation, orginally written in Processing and glsl.

I haven't tried to debug this for all devices yet.

The original Processing code is on my github: here (it's actually split into 3 files)

There's also this page with different rendered results to show variations of the animation for people who can't run this interactive real-time web app on their device.

Animation explanation

The animation is drawing Voronoi cells around moving points on the Moore curve. So there are two things to do to make this.

- Drawing the Voronoi cells around the points is done with a shader, using a technique from Inigo Quilez. (See his shader code there: https://www.shadertoy.com/view/ldl3W8, and my shader is there)

- For the points positions, they follow a Moore curve (a looping variant of a Hilbert curve). They are looping thanks to the looping technique that I call the "replacement technique". More precisely this is the replacement technique applied to a single point that travels through the entire curve and stops for a while after each step/movement. The second parameter "move speed factor" controls for how long it stops.

Depending on the number of points in the replacement technique there's a different number of "holes" on the curve. More points means less holes / more holes means less points.