5 ms·

Moore Curve Voronoi Animation

82 points by diginova 2y ago

smlacy 2y ago
Is there a description or some explanation of what this is?
- aredox 2y ago
  Algorithmic art
- dahart 2y ago
  Maybe it was missing before, or just out of view and not obvious, but currently there’s a ‘more information’ link at the bottom of the page. Requires scrolling on iPad for me to see it.
Etheryte 2y ago
Hint: if you're on mobile, zoom out and go to the bottom left corner. The page appears broken at first, but it's just the layout, at least on iOS.
- elihu 2y ago
  Seems to be broken for me on Chromium (desktop xubuntu), but it works in firefox.
Mithriil 2y ago
Moore Curve [1] is a sequence of curves that ends up filling a square as the sequence goes to infinity, thus asymptotically mapping [0,1] to [0,1]^2. (phrasing might not be mathematically correct) So, my intuition tells me that what the site creator did is take the 4th Moore curve (which has 256 "corners") in the sequence, then spread 256 points on the [0,1] interval and map the later into the former. The output points then serve as cores for the Voronoi diagram [2]. "Adding holes" in the 256 input points thus means to creates gaps in the 256 input points, possibly at regular interval. The animation happens when points slide from adjacent from the gap into the gap. I can't find the exact logic of which point moves when. However, all points move at the same time when there are exactly 128 holes (i.e. 128 points on the curve), and there are three batches of points that move one after the others when there are 64 holes (thus 3 batches of 64 points moving). [1] https://en.wikipedia.org/wiki/Moore_curve https://en.wikipedia.org/wiki/Moore_curve [2] https://en.wikipedia.org/wiki/Voronoi_diagram https://en.wikipedia.org/wiki/Voronoi_diagram
- madcaptenor 2y ago
  You also get interesting simple animations when "number of holes" are near rational multiples of 256 with small denominator that's not a power of 2: 51 or 52 (1/5), 85 or 86 (1/3), 170 or 171 (2/3), 204 or 205 (4/5).
paulirish 2y ago
The author's archive of animations is very pleasing: https://bleuje.com/animationsite/2024_1/ https://bleuje.com/animationsite/2024_1/
- psygn89 2y ago
  Wow, these are some of the best looping animations I've ever seen. Really impressive and stylistic stuff.
- deleted 2y ago
  [deleted]
- esperent 2y ago
  Etienne Jacob :) I've been following his work for years.
OnorioCatenacci 2y ago
That's hypnotic
diginova 2y ago
A really well explained video regarding voronoi diagrams and animations : https://www.youtube.com/watch?v=mEyWZmIBSqU https://www.youtube.com/watch?v=mEyWZmIBSqU

82 points by diginova 2y ago

smlacy 2y ago

Is there a description or some explanation of what this is?

aredox 2y ago
Algorithmic art
dahart 2y ago
Maybe it was missing before, or just out of view and not obvious, but currently there’s a ‘more information’ link at the bottom of the page. Requires scrolling on iPad for me to see it.

Etheryte 2y ago

Hint: if you're on mobile, zoom out and go to the bottom left corner. The page appears broken at first, but it's just the layout, at least on iOS.

elihu 2y ago
Seems to be broken for me on Chromium (desktop xubuntu), but it works in firefox.

Mithriil 2y ago

Moore Curve [1] is a sequence of curves that ends up filling a square as the sequence goes to infinity, thus asymptotically mapping [0,1] to [0,1]^2. (phrasing might not be mathematically correct) So, my intuition tells me that what the site creator did is take the 4th Moore curve (which has 256 "corners") in the sequence, then spread 256 points on the [0,1] interval and map the later into the former. The output points then serve as cores for the Voronoi diagram [2]. "Adding holes" in the 256 input points thus means to creates gaps in the 256 input points, possibly at regular interval. The animation happens when points slide from adjacent from the gap into the gap. I can't find the exact logic of which point moves when. However, all points move at the same time when there are exactly 128 holes (i.e. 128 points on the curve), and there are three batches of points that move one after the others when there are 64 holes (thus 3 batches of 64 points moving). [1] https://en.wikipedia.org/wiki/Moore_curve https://en.wikipedia.org/wiki/Moore_curve [2] https://en.wikipedia.org/wiki/Voronoi_diagram https://en.wikipedia.org/wiki/Voronoi_diagram

madcaptenor 2y ago
You also get interesting simple animations when "number of holes" are near rational multiples of 256 with small denominator that's not a power of 2: 51 or 52 (1/5), 85 or 86 (1/3), 170 or 171 (2/3), 204 or 205 (4/5).

paulirish 2y ago

The author's archive of animations is very pleasing: https://bleuje.com/animationsite/2024_1/ https://bleuje.com/animationsite/2024_1/

psygn89 2y ago
Wow, these are some of the best looping animations I've ever seen. Really impressive and stylistic stuff.
deleted 2y ago
[deleted]
esperent 2y ago
Etienne Jacob :) I've been following his work for years.

OnorioCatenacci 2y ago

That's hypnotic

diginova 2y ago

A really well explained video regarding voronoi diagrams and animations : https://www.youtube.com/watch?v=mEyWZmIBSqU https://www.youtube.com/watch?v=mEyWZmIBSqU