Digital Gene

Creative Coding · p5.js · html

Project Type
Generative Art
Data visualization
Technology

Work Type
Personal Project

Role
Coding

Time
Sep. 2023 - Oct. 2023

Tool
p5.js
html

/01 OVERVIEW

Building Blocks of
Life and Image

"Digital Gene" is a project inspired by how nature designs life. In every living thing, DNA is made up of four parts: A, T, G, and C. These parts combine in countless ways, mostly by chance, creating the diversity of life we see. In a similar way, digital art is created from four basic colors: Red (R), Green (G), Blue (B), and Alpha (A), which is used for transparency). This project explores this parallel, showing how, just like the random but natural combination of DNA creates different forms of life, the mix of colors in digital art can produce a wide range of unique visuals.

/02 TOOLS USED

Art through Code

This art piece is created with p5.js and HTML5 Canvas. It begins by capturing colors from an original image. Each stroke on the canvas starts from a random location, using a color selected from that image.

The artwork begins by scanning the original image to store a range of colors it contains, forming a digital palette. From this palette, a random color is selected to be drawn on a random starting point.

I used some controlled variables like stroke randomness and the number of starting points to subtly influence the final appearance.

The code continuously selects subsequent colors from the palette, based on their RGB (Red, Green, Blue) proximity to the current color

/04 CHALLENGES

Controll and Randomness

A notable challenge was the limited processing capacity of the computer, often resulting in incomplete works, which further highlights the singular and non-repeatable quality of each piece. "Digital Genes" thus explores the artistic potential of technology and randomness, celebrating the unique and unrepeatable beauty in both art and life.

Just as no two individuals are exactly alike, 

No two artworks produced by "Digital Genes" are identical.

Vein

Sunset

Territorial

Frost

Forest

Neuron

Symbiosis

Vine

Tiger

Reference: 

Fejes, Jozsef. "Rainbow Smoke" 2014 link
- Conceptual origin for full RGB space random drawing.
Mittal, Divyansh. "RainbowSmokeBFSRand", 2021, link
- Implemented in p5.js; introduces random stroke direction.

Previous
Previous

Graphic Art

Next
Next

PathPilot