A short movie inspired on numbers, geometry and nature

Artists and architects have used since ancient times many geometrical and mathematical properties: we could take some examples simply by observing the refined use of the proportions by architects from Ancient Egypt, Greece and Rome or other Renaissance artists like Michelangelo, Da Vinci or Raphael.

But what is more surprising for me is that many of these properties and mathematical developments are also present in nature. We could find countless cases, but I wanted to refer only three of them on this short animation: The Fibonacci Series and Spiral / The Golden and Angle Ratios / The Delaunay Triangulation and Voronoi Tessellations.

The concepts behind Nature by Numbers

This section is meant to be a complement to the animation, in order to better understand the theoretical basis that you can find behind the sequences. It was also, more or less, the appearance of the screenplay in the days that I was planning this project.

The animation begins by presenting a series of numbers. This is a very famous and recognized sequence since many centuries ago in the Western World thanks to Leonardo of Pisa, a thirteenth century Italian mathematician, also called Fibonacci. So it is known as Fibonacci Sequence, even although it had been described much earlier by Indian mathematicians.

2010_nbyn_about_serie_A

2010_nbyn_about_serie_BThis is an infinite sequence of natural numbers where the first value is 0, the next is 1 and, from there, each amount is obtained by adding the previous two.

The values of this sequence have been appearing in numerous applications, but one of the most recognized is the Fibonacci Spiral, which has always been used as an approximation to the Golden Spiral (a type of logarithmic spiral) because it is easier to represent with help of a simple drawing compass.

This is the next thing to be shown on the animation, appearing just after the first values on the succession: the process of building one of these spirals.

2010_nbyn_about_espiral

We will create first a few squares that correspond to each value on the sequence: 1×1 – 1×1 – 2×2 – 3×3 – 5×5 – 8×8, etc. And they are arranged in the way how we see in the diagram at left.

Then we draw a quarter circle arc (90°) within each little square and we can easily see how it builds step by step the Fibonacci Spiral, looking at right graphic.

I have introduced a small optical correction in the animation in order to get the resulting curve more like a true Golden Spiral (more harmonious and balanced), as explained on this plate. It’s something similar to what happens when we try to approach to an ellipse by drawing an oval using circular segments: the result is not the same as a true ellipse. And it’s something evident.

IMPORTANT NOTE: while watching the animation conveys the idea that the Fibonacci spiral (or the Golden Spiral, it doesn’t matter) is on the origin of the shape of a Nautilus, this isn’t absolutely right.

It’s funny because if you perform this search at Google Images: “spiral + nautilus” you will see how many images suggest that this shell is really based on the construction system described above.

But this isn’t correct, as it’s outlined below, on the “Making of” section.

2010_nbyn_about_naut_vs_fib.png

The truth is that this is something I discovered when I had completely finished the screenplay for this project and I was too lazy to change. Therefore I must confess that I did a kind of cheat with this animation. Or you could explain in a more “genteel” way, saying that I have taken an artistic license 😅

2010_nbyn_about_nautilus.png


Once it has appeared the Nautilus we advance to the second part of the animation. It introduces the concept of Golden Ratio by constructing a Golden Rectangle. We start from a simple square to get that and use a classic method that requires only a ruler and drawing compass. See the complete process on the following series of illustrations:

2010_nbyn_about_aureo_01

This is very special rectangle known since ancient times. It fulfills this ratio, also known as the Golden Ratio or Divine Proportion: the ratio of the sum of the quantities (a+b) to the larger quantity (a) is equal to the ratio of the larger quantity (a) to the smaller one (b).

2010_nbyn_about_aureo_02

The result of this ratio (ie the division of a by b) is an irrational number known as Phi —not to be confused with Pi— and an approximate value of 1.61803399…

Formerly was not conceived as a true “unit” but as a simple relationship of proportionality between two segments. And we find in many works created by the mankind in art and architecture, from the Babylonian and Assyrian civilizations to our days, passing through ancient Greece or the Renaissance.

2010_nbyn_about_serie_CJUST A CURIOSITY: it isn’t evident on the animation, but there is a deep connection between the Fibonacci Sequence and Golden Ratio.

You have an example at right (we will see another one): if we divide each value in the Fibonacci Series by the previous, the result tends to Phi. The higher the value, the greater the approximation (consider that Phi, like any irrational number, has infinite decimals).

We are going one step further on the animation by introducing a new concept, maybe less known but equally important, the Golden Angle. That is, the angular proportional relationship between two circular segments:

2010_nbyn_about_aureo_03.png

These two circular segments are accomplishing too with the same golden proportionality, but on this case the value of the angle formed by the smallest of them is another irrational number, we can simplify and round it as 137.5 º

And this value is deeply present in nature. This is the next concept we see on the animation: how to configure the structure formed by the sunflower seeds.

Look at the figures below:

2010_nbyn_about_pipas_01.png

  • We add a first red seed.
  • Turn 137.5º
  • Add a second green color seed and make the previous traveling to the center.
  • Turn other 137.5º
  • Add a third ocher seed and make the previous traveling to the center, to stay side by side with the first one.
  • Turn other 137.5º…

…and so on, seed after seed, we will obtain gradually a kind of distributions like the ones you have in the following figures.

2010_nbyn_about_pipas_02.png

This leads to the characteristic structure in which all seeds are arranged into a sunflower, which is as compact as possible. We have always said: nature is wise 🙂

ANOTHER CURIOSITY: Do you remember we had commented that there had a deep connection between the Fibonacci Sequence and Golden Ratio? Well, next we have another meeting point between both concepts. Look at the following images of a sunflower:

2010_nbyn_about_girasol_anim_1

By observing closely the seeds configuration you will see how appears a kind of spiral patterns. In the top left picture we have highlighted three of the spirals typologies that could be found on almost any sunflower.

Well, if you look at one of the typologies, for example the one in green, and you go to the illustration above right you can check that there is a certain number of spirals like this, specifically 55 spirals. Coincidentally a number that is within the Fibonacci Sequence 😉

2010_nbyn_about_girasol_anim_2

And we have more examples in the two upper panels, cyan and orange, they are also arranged following values that are within the sequence: 34 and 21 spirals.

In principle, all the sunflowers in the world show a number of spirals that are within the Fibonacci Sequence. You could go out to the countryside and look for a plantation to be sure or you can also use this image of a real sunflower.


Finally we reached the third segment of the animation in which we work with a concept that is a little less known than the others: the Voronoi Tessellations, also called Dirichlet Tessellation.

I discovered this issue thanks to Hector Garcia’s personal site, which I visit almost daily (and despite being a blog dedicated to Japanese culture and everything that is related to that country, also delights us from time to time with other interesting topics, like this one about Delaunay and Voronoi).

These geometric formations are based on a distribution pattern that is easily recognisable in many natural structures, like the wings of some insects or these small capillary ramifications in some plant’s leaves.

It is also widely used to optimise the distribution systems based on areas of influence, at the time to decide, for example, where to install phone antennas, or where to build the different delegations for a pizza chain.

Let me show you a very intuitive way to understand how it forms a Voronoi Tiling:

2010_nbyn_about_voronoi_01

Imagine we have two points: one red and another blue (top left). Start by drawing a segment joining these dots and then a second orthogonal line who is right in the middle. We have just found the bisector of the segment joining these two points.

Above right we added a third green point, generating two new bisectors that intersect with the first.

If we continue adding points to generate succesive bisectors, with their intersections, will lead to a series of polygons —Voronoi Tiles— around a set of “control points”. Thus, the perimeter of each one of these tiles is equidistant to neighboring points and defines their area of influence.

All these segments that interconnect the points form a triangular structure called Delaunay Triangulation. In the illustration below you can see the process as we continue adding points:

2010_nbyn_about_voronoi_03

We can find interactive sites on the internet (like this) to draw points, move them, and check how the structure becomes updated in real time.

In fact, if we have a series of random dots scattered in the plane, the best way of finding the correct Voronoi Tessellation for this set is using the Delaunay triangulation. And in fact, this is precisely the idea shown on the animation: first the Delaunay Triangulation and then, subsequently, the Voronoi Tessellation.

But to draw a correct Delaunay Triangulation is necessary to meet the so-called “Delaunay Condition”. This means that: a network of triangles could be considered Delaunay Triangulation if all circumcircles of all triangles of the network are “empty”.

Notice that actually, given a certain number of points in the plane there is no single way to draw triangles, there are many. But only one possible triangulation meets this condition. It is very simple: we draw a triangle using 3 points only if the circumcircle created using these 3 points is “empty” (not enclosing any other dot).

You see that in the graph below, from Wikipedia:

2010_nbyn_about_voronoi_02.png

We could rotate 90 degrees each side of the triangle using the the midpoint after defining the Delaunay Triangulation (top left), to construct the Voronoi Tiling (top right). This is exactly what the animation shows just before that the camera pulls back to show us the structure of our dragonfly wing.

We could also use the centers of each circle, marked in red, as they describe the vertices of Voronoi Tilings.

2010_nbyn_about_ala_det.png

Of course, I am pretty sure of one thing: if we take a real dragonfly, and we analyze their wings with the help of a magnifying glass or microscope (example), we find exceptions and deviations. But it is clear the similarity of both structures.

2010_nbyn_about_ala.png

Making of Nature by Numbers

Building a “true” golden spiral

The genuine ancient Golden Spiral should be created drawing circular arcs connecting the opposite corners of squares in the Fibonacci multisquare tiling. In fact this should be considered an “approximate” Golden Spiral. As you can see here, the red spiral used on this animation has a subttle corrections to made it more harmonious, with a continuous curvature, since the circular arcs give us some discontinuity perception. Anyway this is too another rough approximation to a True Golden Logarithmic Spiral using the Illustrator Bezier Curves.

2010_nbyn_mo_fibonacci.png

On the next picture we can see again the difference between the golden spiral and that other one present on nautilus shell:

2010_nbyn_mo_naut_vs_fib.png

Nautilus shell: 3D model process

The shell modeling was a great challenge. On the next gallery you will find a small step by step, with descriptions on each image:

And here is a close-up render showing the final result of that modelling process:

2010_nbyn_mo_nautilus3d_final

Building the wing structure

The wing skeleton was planned and designed using Illustrator, looking at some Flickr photograph references. All the geometrical structures were easily solved there and then exported to Cinema4D where I converted all to tubes, exported to Modo to integrate with the overall dragonfly body geometry and finally come back to Cinema4D again to proceed with texture and animation work. Yes: kind of convoluted pipeline, but it worked great for me 🙂

2010_nbyn_mo_wing_structure.png

Sunflower 3D model

A small curiosity: those small florets around the central seeds are, actually, the REAL flowers. The sunflower itself is a “head”, a so called “composite flower”.

2010_nbyn_mo_sunflower_model.jpg

Dragonfly 3D model

As many other models on this project, the dragonfly was modelled in Modo and then exported to Cinema 4D to be textured, rigged and animated. Here are some screen-captures from Modo:

Procedural animation

This project, Nature by Numbers, was a milestone in my day to day with Cinema4D. Working on it I learned a lot of techniques within the field of what we could call  “procedural animation” (or even better: “not key-framed animation”) thanks to the use of Xpresso, a kind of visual programming system by graphical nodes:


Cristóbal Vila, March 2010, Zaragoza, Spain