Technotwilight

Inspired by the appearance of a spider's web, our project "Techno Twilight" evolved in the "Computational and Algorithmic Thinking" course. Digitally implemented with Figma, it presents itself as a radiant pattern that seemingly draws the viewer into its captivating depth. A vibrant choreography of expanding forms emanating from a central point, creating a hypnotic, almost three-dimensional effect.

The Task

For the project, we developed our own algorithms and drawing routines. Our goal was to clearly document the processes so that others would be able to reproduce our results based on these instructions.

Project Development

Research & Inspiration

Exploration of algorithmic art and computational design principles. Drawing inspiration from natural patterns and geometric structures.

Technotwilight Moodboard

Moodboard natural patterns

Algorithm Development

Creation of mathematical formulas and logical sequences. Testing different parameters to achieve the desired visual effect.

First Experiments with the Shape

First experiments with the shape

Digital Implementation

Translation of the algorithmic concepts into digital design tools. Fine-tuning of visual elements and color schemes in Figma.

Experiments with Colour

Experiments with colour

Filling the Shapes with Colour

Filling the shapes with colour

Documentation Process

Creating comprehensive step-by-step instructions. Ensuring reproducibility through clear documentation of parameters and methods.

Clock Parameter Documentation
Line Parameter Documentation
Circle Parameter Documentation
Process Documentation
Web Structure Documentation

Visual Results

The final design combines mathematical precision with artistic vision. The radial pattern creates an optical illusion of depth and movement, drawing the viewer's eye toward the center while simultaneously suggesting outward expansion. This tension between inward and outward forces creates a dynamic visual experience that embodies the project's exploration of algorithmic thinking.

Visual Effect Example
Color Dodge Effect Example
Technotwilight Main Visual

Team

With Rebeka Tot and Vivien Cai

Duration

Three months

Course

Computational and Algorithmic Thinking

Tools

Figma
Paper & Pencil