Home → Show your Work →

Folding Fibonacci

• Edit

john

22 May, 2016 11:34 AM

My wife showed me this mesmerizing animated gif of a folding and unfolding fibonacci spiral. I tried to track down the original author but was unable to do so. So I decided to whip one up myself using Nodebox.

Network, screenshot, and animation attached.

I sure do wish NodeBox could do recursion. Since it can't, I was forced to make each box separately. I made a subnetwork that takes in a large box and spits out the next smaller one, then hooked seven of these together. The curve subnetwork takes in this list of boxes and outputs a list of red quadratic curve segments. A simple metronome subnetwork converts the frame counter into a back and forth rotation value.

There is surprisingly little math involved, just bits and pieces of the fibonacci sequence. The box sizes are 89, 55, 34, 21, 13, 8, 5. The rotation values for successive boxes are simply multiplied by 0, 1, 2, 3, 4, 5, 6. The quadratic curve distance values are simply divided by negative 2, 3, 5, 8, 13, 21, 34.

For best results, set the animation to loop. Enjoy!

John

• fibonacci.png 134 KB
• folding_fibonacci.ndbx 28.1 KB
• folding_fibonacci.mp4 292 KB

1. Support Staff 1 Posted by john on 30 May, 2016 12:16 PM

   

   Here is an extension of this idea: using the curl to create more elaborate displays. I call this doodle "Curling Fireball".

   NodeBox network and reduced size MP4 file attached. Loop video for best results.

   Enjoy!

   John

   • curls.ndbx 37 KB
   • curling_fireball_480.mp4 1.75 MB
   • Edit

2. Support Staff 2 Posted by john on 30 May, 2016 12:26 PM

   

   Higher Res version of the video. For perfect resolution, download and run the NodeBox file.

   • curling_fireball.mp4 3.96 MB
   • Edit