Splashery

Aisle 6No. 107 of 460

Splashery

Fourier Circles

470,000 small parts. Assembled in your browser.

Empty. Now look down.

Fourier Circles, a still.
206010700002
$0.00

Swipe across the pack to tear it open.

Press and hold. It pulls itself together.

Let go to drop it.

It stays in its pack here. The Playground has the rest.

Playground

Math · Built from a recipe

Fourier Circles

Circles turning on circles can draw almost any closed shape, given enough of them.

Play with it in the Playground

How to play

Tap to spin the circles. Type a word or a curve in the Splash tab.

Toy facts

Item
No. 107 of 460
Shelf
Aisle 6, Math
Kind
Built from a recipe
Small parts
470,000
Your own
Your own shape
Sound
Yes
Batteries
None
Assembly
It does that itself
Licenses
Own work (made in the page)
Price
$0.00

Small parts are the splats in its usual build on a computer. A phone may draw fewer.

Its controls

ControlKindRangeStart
Spin the circlesTap
SpinButton
ShapeList5 choicesHeart
ViewList2 choices2D
CirclesSetting

About it

Circles turning on circles can draw almost any closed shape, given enough of them. Each circle spins a whole number of times per loop while riding on the rim of the one before, and the tip of the last one traces the drawing. This is a Fourier series, named after Joseph Fourier, who showed in the early 1800s that repeating patterns can be built by adding up simple waves.

Tap to spin them and watch the shape drawn again. Few circles draw a wobbly shape and many draw a crisp one: set how many in the Splash tab, pick a heart, a star or a square wave, stack them in 3D, or type words (up to 40 letters) and each letter gets its own chain of circles, five letters at a time.

Details

Splats
Opens at 200,000 at Mid Detail, 60,021 at Low, and up to 680,000 at Max
Your own files
.txt

Sources and credits

Made in Splashery. Its code is MIT.

Share it

This link opens it in the Playground. To put it on your own page, add the element and one script tag. Every option.

https://splashery.app/play/?toy=fourier-circles
<script type="module" src="https://splashery.app/play/src/element.js"></script>
<splashery-toy toy="fourier-circles"></splashery-toy>