In 2022, as I was experiencing my first year as a father, I was often asking myself what impact I would have on my son, and how much my actions will be part of what will make him “him”. I started a slow introspection on the subject, and at the end of the year, I released “Foundations”, a series that focuses on the origins of our identity.

“Tout tracé” is the second act, and its direct continuity. 
In French, it means *“All mapped out”*, referring to the idea of an all planned future or *“a ready made path”.*

This series is the counterpoint of this vision. 

Life is full of surprises, good or bad, and each moment will have an impact on us, creating our set of experiences, many of them involuntary and embedded in our existence.
As humans, we are in constant evolution and therefore, on a quest of identity; of who we really are.
We are surrounded by expectations : from society, culture, religion, parents, friends, family… A list of rules that need to be followed and lived by; but, at the end of the day, I believe that only our choices matter.

Like “Foundations”, the composition of “Tout tracé” is grid based: full of boxes expected to be filled.
But this series is about growth, evolution, expression and re-definition. It’s about fighting against the structure in place, finding our own voice and re-shaping our reality.
It is finding its uniqueness and identity that will be revealed through the millions of lines drawing each artwork, technically signing the idea of “Tout tracé”, that comes with a double meaning: *“All drawn”*.


--
- **Press ‘S’** to export a still image.
- **Press ‘H’** to open a new tab of the artwork in HD (A3 format).

-- 

Opening one output in fullscreen or in live view will run an animation revealing the artwork.

Tout tracé

This is my algorithmic love letter to a forefather of mathematical art: **M. C. Escher**.

To commemorate 125 years since his birth, my goal was to honor Escher’s enduring influence by reworking his iconic motifs into a medium that embraces mathematics as much as he did.

I gave it the name **Escherly Seeds** because its meaning is three-fold:

-	_Metaphorical._ This work can be seen as representing the seeds that Escher planted in the minds of the artistic community, and I make several references to his work. Concave and Convex (1955) and Waterfall (1961) were the main inspirations for up to three distinct optical illusions hidden within this algorithm. Expect Escher’s love of polyhedra – a few of which can be seen in Stars (1948) – to make appearances too!

-	_Arboreal._ This metaphor is illustrated as a tree with surrealist botanical components. It starts out, drawn on paper, as a root network from which a stem sprouts, branching into a fully developed crown with leaves, flowers, and/or fruit. Flowers are depicted as enlarged polyhedra with special properties, and fruit are cyclical structures inspired by the iconic Penrose triangle. Fruit can also, on occasion, be ripe with its own seeds, thus completing its life cycle. The pencil-to-3D effect is a reference to Reptiles (1943) and Drawing Hands (1948), except I take the metamorphosis to the present – becoming fully chromatic, dynamic, and interactive. The seed is planted in Escher's world, and blossoms into ours.

-	_Cryptographic._ Generative art is, in a way, the craft of making pseudo-random _art_ generators. Each output is the result of a cascade of calculations caused by one unique numerical seed, and in this case, it just happens to be an “Escherly” seed! For those curious about the details, I tried to avoid excessively obfuscating the code.

The viewer is encouraged to play with the artwork! In an effort to make the tree feel alive, I used an equation called the Kuramoto model which, most notably, mimics the flashing patterns observed in species of synchronous fireflies. Each cube is animated by an internal “clock” which is weakly coupled to its nearest neighbors. Interacting with these clocks will cause them to align, giving you the ability to synchronize or desynchronize certain areas of the tree.

Thank you to all who helped me along the way, no matter the weight of your contribution.

Special thanks: Jiahui Cai, Vincent Cohen, Daniel Bothner

Escherly Seeds

Lumina engages in the delicate interplay of curved, organic lines and abstract forms, weaving a surreal narrative filled with rhythm and dynamism. It illustrates dreamy imagery of cosmic phenomena such as electromagnetic waves, magnetic reconnection, and gravitational pull. In its composition, Lumina balances fluid and structured elements, vibrant and muted tones. The artwork’s glitchy and distorted textures, reminiscent of cosmic noise and stellar interference, further enhance its spatial narrative, offering a visual echo of the cosmic phenomena.

Lumina lies in its balanced integration of organic and digital elements. The first layer of the artwork, crafted with p5.js and a fBm shader, forms an organic texture, adding a swirl to give dynamism and generates diverse color palettes; establishing a visual field. This organic layer is then intertwined with a digital layer, where a custom fragment shader introduces subtle distortions and glitches, adding depth, complexity and luminance to the pieces. The inclusion of noise (and its artifacts) and various mathematical functions imbue the collection with a dreamlike ambiance.

**URL Parameters:**
?resolution=5000  :  to render as 2812x5000 px
?resolution=4000  :  to render as 2250x4000 px 
?resolution=3000  :  to render as 1687x3000 px (default)

**Press [S] in live view to save as .png**

This work involves intensive GPU processing. It's advisable to use modern hardware and ensure your browser's hardware acceleration is enabled for optimal performance. Using the Chrome browser on a desktop equipped with a high-end GPU is highly recommended.

See website for more details about the collection.

Lumina

**Blind Spots** is a series of abstract intimate portraits that distill human existence into two elements, the hidden essence of consciousness and the tangible shell of personality.

These elements are represented in the form of a glass sculpture. The first element within the sculpture, akin to a black hole, is a shape that defines itself through the surrounding characteristics it draws in. This halo of characteristics, like a beautifully radiant glass cover, symbolizes the constructed personality. Casting light on these black shapes, shielded by the identities they exhibit, the algorithm invites us to question our perceptions of those we encounter. How deeply do we truly know the people in our lives? It challenges us to consider if changing the perspective could alter our perception of them, while also offering the opportunity to simulate such a change with the help of animation. Perhaps the nature of our identities is as varied as the angles from which they are viewed?

Blind Spots serves as a depiction of my mental journey, transforming abstract thought patterns into a solidified artifact in the medium of generative art. The narrative is inspired by the diverse ways in which we perceive each other, a theme born from countless personal encounters. From a technical standpoint, it steps into uncharted territory for me, being the first artwork to emphasize high-resolution printing capabilities while maintaining real-time animation, a central element in my artwork. It is also my first on-chain project, prompting a restructure of the previous workflows.

Visually inspired by *Iittala - Kaleidoscope* exhibition, which displayed a mesmerizing interplay of glass sculptures and light, Blind Spots features a gradient backdrop punctuated by black shapes that undulate under the influence of a transmission shader, mimicking the iridescent shimmer of pearls. The geometry of the glass cover is crafted through the algorithmic movement of two curves revolving around each other. To produce high-resolution images suitable for printing, a bucket rendering technique with overscan was developed.

Articulated through two elements within each portrait, Blind Spots presents a visual metaphor for a human. This duality also echoes our presence on social media — carefully crafted showcases projecting a polished persona while concealing the authentic self. Together, the elements form a unique character from every point of view.

## Controls
- [ click ] - toggle animation
- [ s ] - save the current frame as an image

## URL parameters (see display notes)
- [ ?animate ] - animation on by default
- [ ?fill ] - responsive version to fill the browse
- [ ?width=x ] - render image with x width
- [ ?print ] - enable high-resolution mode (eg. ?print&width=10000)
- [ ?grainSamples=x ] - between 1 - 10
- [ ?refractSamples=x ] - between 1 - 5

Blind Spots

Drawing inspiration from the intricacies of nature and the physics theories that model it, "Fluiroso" (derived from "Fluidos Ruidosos") delves into the mesmerizing depths of Fluid Dynamics. This is achieved by implementing an accelerated solver for the Navier–Stokes partial differential equations.

Initial density and velocity are placed leveraging Perlin noise, and a selection of up to ten random velocity sources are positioned throughout the area. Augmented by other parameters such as boundary conditions and viscosity, the algorithm embarks on a dynamic journey tracing the solver's outputs over time. 

The resulting animation renders a delicate dance of brush strokes where the fluid becomes painter. The culmination is a repertoire of abstract pieces that evoke movement and invite viewers to discern emerging shapes and silhouettes.

Once the animation pauses to spotlight the artwork, viewers can engage with the piece and press 'p' to restart the movement. While many pieces continually evolve, others settle into a graceful equilibrium.

Fluiroso

Immaterial is a long form generative series exploring synthetic biology and botany through a combination of algorithms inspired by natural systems, such as recursion, growth, fluidity and fractal-noise. Originally influenced by the underlying structure of fungi gills, the series explores a wide range of formations and life forms, referencing possible futures where digital and organic systems merge. Through an interplay of 3D- and 2D-aesthetics, each iteration of the series generates a unique tapestry of shades and shapes aimed at creating space for interpretation, rather then directly mimicking the natural world.

Although each individual output of the algorithm ends up as an (almost) static composition, the motion leading up to this point is integral to the concept and experience of the artwork. Like in nature, simple rules define how the complexity of organic material unfold from a set of initial conditions. In this series the viewer is exposed to the process of how a seed grows into a fully fledged organism, revealing the underlying rule-based structure of both natural and digital systems.

_Immaterial is best displayed on vertically oriented screens. To ensure optimal performance, please view the artwork in a modern browser (preferably chrome) on a computer with a decent graphics card._

Keys
[space] - Pause animation
[s] - Download image
[w] - View wireframe

Art Blocks Presents

Tout tracé #298

Florian Zumbrunn

Art

Company

Learn