Creative Coding Archive • Patrik Hübner - Generative Design and Creative Coding for brands

Creative Coding: The ideation process in generative design

What is Creative Coding?

Creative Coding is a place where experience in the field of design, love of explorative creativity and skills as a programmer come together. Unbound by commercial purpose and driven by free flow, it is a design approach that inspires and motivates to constantly challenge existing limits and unfold new creative possibilities. Discovery-based, iterative Creative Coding projects and artifacts often lay the groundwork for future commercial generative design systems.

McKinsey Dynamic Identity Explorations
No. 1 of 4 (2018)

Input → Human motion , Kinect , Photographs , Simulation , Sound & Music , User-input

McKinsey Dynamic Identity Explorations
No. 2 of 4 (2018)

Input → Human motion , Kinect , Photographs , Simulation , Sound & Music , User-input

McKinsey Dynamic Identity Explorations
No. 3 of 4 (2018)

Input → Human motion , Kinect , Photographs , Simulation , Sound & Music , User-input

McKinsey Dynamic Identity Explorations
No. 4 of 4 (2018)

Input → Human motion , Kinect , Photographs , Simulation , Sound & Music , User-input

Branding Toolkit
No. 1 of 3 (2020)

Input → Noise , Photographs , Physics , Randomness , Simulation , User-input

Branding Toolkit
No. 2 of 3 (2020)

Input → Noise , Photographs , Physics , Randomness , Simulation , User-input

Branding Toolkit
No. 3 of 3 (2020)

Input → Noise , Photographs , Physics , Randomness , Simulation , User-input

Where there is data, there is design
No. 1 of 3 (2023)

Input → Noise , Photographs , Simulation

Where there is data, there is design
No. 2 of 3 (2023)

Input → Noise , Photographs , Simulation

Where there is data, there is design
No. 3 of 3 (2023)

Input → Noise , Photographs , Simulation

The Creative Coding archive

The explorations and visual artifcats you will find on this site arise from what inspires, surrounds and moves my everyday life and work. Aiming to explore new territories and aspects at the intersection of code and design, they emerge from an inventive and iterative process of interest, enquiry and experiment. By opening up my creative coding archive, I would like to foster the collaboration with researchers and designers and inspire both independent and commercial projects. All of these ideas can be licensed or adapted for commercial use in your next project.

Contact me about a creative coding project you like

Simple Creative Coding Toolkit
No. 1 of 3 (2023)

Input → Human motion , Photographs , Text

Simple Creative Coding Toolkit
No. 2 of 3 (2023)

Input → Human motion , Photographs , Text

Simple Creative Coding Toolkit
No. 3 of 3 (2023)

Input → Human motion , Photographs , Text

60s Swiss Recursive Poster Series
No. 1 of 3 (2021)

Input → Noise

60s Swiss Recursive Poster Series
No. 2 of 3 (2021)

Input → Noise

60s Swiss Recursive Poster Series
No. 3 of 3 (2021)

Input → Noise

Beyond Data
No. 1 of 3 (2020)

Input → Big data

Beyond Data
No. 2 of 3 (2020)

Input → Big data

Beyond Data
No. 3 of 3 (2020)

Input → Big data

From Bird To Backpack
No. 1 of 3 (2022)

Input → Human motion , Photographs

From Bird To Backpack
No. 2 of 3 (2022)

Input → Human motion , Photographs

From Bird To Backpack
No. 3 of 3 (2022)

Input → Human motion , Photographs

Pluviophile
No. 1 of 3 (2020)

Input → Time

Pluviophile
No. 2 of 3 (2020)

Input → Time

Pluviophile
No. 3 of 3 (2020)

Input → Time

Reflection Distribution Frequency
No. 1 of 3 (2021)

Input → Noise , User-input

Reflection Distribution Frequency
No. 2 of 3 (2021)

Input → Noise , User-input

Reflection Distribution Frequency
No. 3 of 3 (2021)

Input → Noise , User-input

It’s a shape
No. 1 of 3 (2019)

Input → Randomness , Time

It’s a shape
No. 2 of 3 (2019)

Input → Randomness , Time

It’s a shape
No. 3 of 3 (2019)

Input → Randomness , Time

Bold Is No Form
No. 1 of 2 (2019)

Input → Text

Bold Is No Form
No. 2 of 2 (2019)

Input → Text

Grow Kinetic Type
No. 1 of 2 (2019)

Input → Noise , Text

Grow Kinetic Type
No. 2 of 2 (2019)

Input → Noise , Text

Man/Machine interface in real-time
No. 1 of 5 (2017)

Input → Human motion , Kinect , User-input

Man/Machine interface in real-time
No. 2 of 5 (2017)

Input → Human motion , Kinect , User-input

Man/Machine interface in real-time
No. 3 of 5 (2017)

Input → Human motion , Kinect , User-input

Man/Machine interface in real-time
No. 4 of 5 (2017)

Input → Human motion , Kinect , User-input

Man/Machine interface in real-time
No. 5 of 5 (2017)

Input → Human motion , Kinect , User-input

XO Branding – Schabsky
No. 1 of 3 (2018)

Input → Human motion , Simulation , User-input

XO Branding – Schabsky
No. 2 of 3 (2018)

Input → Human motion , Simulation , User-input

XO Branding – Schabsky
No. 3 of 3 (2018)

Input → Human motion , Simulation , User-input

Painting Posters
No. 1 of 3 (2018)

Input → Randomness , User-input

Painting Posters
No. 2 of 3 (2018)

Input → Randomness , User-input

Painting Posters
No. 3 of 3 (2018)

Input → Randomness , User-input

Festival Of Color
No. 1 of 3 (2019)

Input → Sound & Music

Festival Of Color
No. 2 of 3 (2019)

Input → Sound & Music

Festival Of Color
No. 3 of 3 (2019)

Input → Sound & Music

EX8
No. 1 of 3 (2016)

Input → Physics , Simulation

EX8
No. 2 of 3 (2016)

Input → Physics , Simulation

EX8
No. 3 of 3 (2016)

Input → Physics , Simulation

Fluid Motion Studies
No. 1 of 3 (2018)

Input → Noise , Time , User-input

Fluid Motion Studies
No. 2 of 3 (2018)

Input → Noise , Time , User-input

Fluid Motion Studies
No. 3 of 3 (2018)

Input → Noise , Time , User-input

Kinetic Light Particles
No. 1 of 2 (2019)

Input → Physics , User-input

Kinetic Light Particles
No. 2 of 2 (2019)

Input → Physics , User-input

Shadow Paintings
No. 1 of 3 (2019)

Input → Noise , User-input

Shadow Paintings
No. 2 of 3 (2019)

Input → Noise , User-input

Shadow Paintings
No. 3 of 3 (2019)

Input → Noise , User-input

Accelerated Elements In Space
No. 1 of 3 (2018)

Input → Big data

Accelerated Elements In Space
No. 2 of 3 (2018)

Input → Big data

Accelerated Elements In Space
No. 3 of 3 (2018)

Input → Big data

A Communications Primer Reimagined
No. 1 of 3 (2021)

Input → Human motion , Kinect , Video

A Communications Primer Reimagined
No. 2 of 3 (2021)

Input → Human motion , Kinect , Video

A Communications Primer Reimagined
No. 3 of 3 (2021)

Input → Human motion , Kinect , Video

Outside Of The Loop
No. 1 of 4 (2020)

Input → Noise , Simulation

Outside Of The Loop
No. 2 of 4 (2020)

Input → Noise , Simulation

Outside Of The Loop
No. 3 of 4 (2020)

Input → Noise , Simulation

Outside Of The Loop
No. 4 of 4 (2020)

Input → Noise , Simulation

Generative Collage Synthesizer
No. 1 of 1 (2016)

Input → Randomness

Superformula
No. 1 of 3 (2018)

Input → Simulation

Superformula
No. 2 of 3 (2018)

Input → Simulation

Superformula
No. 3 of 3 (2018)

Input → Simulation

Yes We Can
No. 1 of 3 (2021)

Input → Noise

Yes We Can
No. 2 of 3 (2021)

Input → Noise

Yes We Can
No. 3 of 3 (2021)

Input → Noise

Noise Patterns
No. 1 of 3 (2020)

Input → Noise

Noise Patterns
No. 2 of 3 (2020)

Input → Noise

Noise Patterns
No. 3 of 3 (2020)

Input → Noise

Kinect Spatial Motion Tracking
No. 1 of 2 (2017)

Input → Human motion , Kinect , User-input

Kinect Spatial Motion Tracking
No. 2 of 2 (2017)

Input → Human motion , Kinect , User-input

Generative Business Cards
No. 1 of 2 (2018)

Input → Physics , Simulation , User-input

Generative Business Cards
No. 2 of 2 (2018)

Input → Physics , Simulation , User-input

EOS Detroit Social Cryptoexperiment
No. 1 of 2 (2018)

Input → Big data , Simulation

EOS Detroit Social Cryptoexperiment
No. 2 of 2 (2018)

Input → Big data , Simulation

Crazy Cool Developers Branding
No. 1 of 2 (2018)

Input → Big data , User-input

Crazy Cool Developers Branding
No. 2 of 2 (2018)

Input → Big data , User-input

Identity
No. 1 of 3 (2018)

Input → Human motion , Video

Identity
No. 2 of 3 (2018)

Input → Human motion , Video

Identity
No. 3 of 3 (2018)

Input → Human motion , Video

Digital Design Days / OFF. Monolith
No. 1 of 3 (2018)

Input → Photographs , User-input

Digital Design Days / OFF. Monolith
No. 2 of 3 (2018)

Input → Photographs , User-input

Digital Design Days / OFF. Monolith
No. 3 of 3 (2018)

Input → Photographs , User-input

Expanding Systems
No. 1 of 6 (2018)

Input → Human motion , Kinect , User-input

Expanding Systems
No. 2 of 6 (2018)

Input → Human motion , Kinect , User-input

Expanding Systems
No. 3 of 6 (2018)

Input → Human motion , Kinect , User-input

Expanding Systems
No. 4 of 6 (2018)

Input → Human motion , Kinect , User-input

Expanding Systems
No. 5 of 6 (2018)

Input → Human motion , Kinect , User-input

Expanding Systems
No. 6 of 6 (2018)

Input → Human motion , Kinect , User-input

Konstruktivisten
No. 1 of 3 (2017)

Input → Sound & Music

Konstruktivisten
No. 2 of 3 (2017)

Input → Sound & Music

Konstruktivisten
No. 3 of 3 (2017)

Input → Sound & Music

Experimental motion studies
No. 1 of 3 (2017)

Input → Noise , Photographs , Randomness

Experimental motion studies
No. 2 of 3 (2017)

Input → Noise , Photographs , Randomness

Experimental motion studies
No. 3 of 3 (2017)

Input → Noise , Photographs , Randomness

Space On Rails
No. 1 of 1 (2017)

Input → User-input

MeMa Kultur Branding
No. 1 of 1 (2017)

Input → Photographs , User-input

Bach – Prelude in C
No. 1 of 12 (2017)

Input → Sound & Music , User-input

Bach – Prelude in C
No. 2 of 12 (2017)

Input → Sound & Music , User-input

Bach – Prelude in C
No. 3 of 12 (2017)

Input → Sound & Music , User-input

Bach – Prelude in C
No. 4 of 12 (2017)

Input → Sound & Music , User-input

Bach – Prelude in C
No. 5 of 12 (2017)

Input → Sound & Music , User-input

Bach – Prelude in C
No. 6 of 12 (2017)

Input → Sound & Music , User-input

Bach – Prelude in C
No. 7 of 12 (2017)

Input → Sound & Music , User-input

Bach – Prelude in C
No. 8 of 12 (2017)

Input → Sound & Music , User-input

Bach – Prelude in C
No. 9 of 12 (2017)

Input → Sound & Music , User-input

Bach – Prelude in C
No. 10 of 12 (2017)

Input → Sound & Music , User-input

Bach – Prelude in C
No. 11 of 12 (2017)

Input → Sound & Music , User-input

Bach – Prelude in C
No. 12 of 12 (2017)

Input → Sound & Music , User-input

Digital Design Days Milano / OFF Festival
No. 1 of 1 (2017)

Input → Noise , User-input

Adventura w/ Mike Gao
No. 1 of 1 (2017)

Input → Sound & Music

To raise a flag
No. 1 of 3 (2017)

Input → Sound & Music

To raise a flag
No. 2 of 3 (2017)

Input → Sound & Music

To raise a flag
No. 3 of 3 (2017)

Input → Sound & Music

Fragments of Dance
No. 1 of 1 (2017)

Input → Human motion

Glitched Spaces
No. 1 of 2 (2017)

Input → Noise

Glitched Spaces
No. 2 of 2 (2017)

Input → Noise

Terrain 7
No. 1 of 3 (2017)

Input → Noise , Randomness

Terrain 7
No. 2 of 3 (2017)

Input → Noise , Randomness

Terrain 7
No. 3 of 3 (2017)

Input → Noise , Randomness

Generative Architecture
No. 1 of 1 (2016)

Input → Big data , Randomness

Piano
No. 1 of 2 (2016)

Input → Sound & Music

Piano
No. 2 of 2 (2016)

Input → Sound & Music

No move
No. 1 of 1 (2016)

Input → Sound & Music

Wooden Drum
No. 1 of 3 (2016)

Input → Sound & Music

Wooden Drum
No. 2 of 3 (2016)

Input → Sound & Music

Wooden Drum
No. 3 of 3 (2016)

Input → Sound & Music

Time
No. 1 of 1 (2016)

Input → Sound & Music

Exé
No. 1 of 3 (2016)

Input → Randomness , Time

Exé
No. 2 of 3 (2016)

Input → Randomness , Time

Exé
No. 3 of 3 (2016)

Input → Randomness , Time

Generative Type Morph Experiments
No. 1 of 2 (2016)

Input → Randomness , Time

Generative Type Morph Experiments
No. 2 of 2 (2016)

Input → Randomness , Time

ONA Brand Exploration
No. 1 of 4 (2016)

Input → Randomness , Time

ONA Brand Exploration
No. 2 of 4 (2016)

Input → Randomness , Time

ONA Brand Exploration
No. 3 of 4 (2016)

Input → Randomness , Time

ONA Brand Exploration
No. 4 of 4 (2016)

Input → Randomness , Time

Famous Lifesavers
No. 1 of 3 (2016)

Input → Randomness , Time

Famous Lifesavers
No. 2 of 3 (2016)

Input → Randomness , Time

Famous Lifesavers
No. 3 of 3 (2016)

Input → Randomness , Time

Creative Coding Days Identity Design
No. 1 of 3 (2016)

Input → Noise , Randomness

Creative Coding Days Identity Design
No. 2 of 3 (2016)

Input → Noise , Randomness

Creative Coding Days Identity Design
No. 3 of 3 (2016)

Input → Noise , Randomness

Chindogu
No. 1 of 3 (2016)

Input → Randomness , Time

Chindogu
No. 2 of 3 (2016)

Input → Randomness , Time

Chindogu
No. 3 of 3 (2016)

Input → Randomness , Time

Benevolent
No. 1 of 3 (2016)

Input → Physics , Simulation

Benevolent
No. 2 of 3 (2016)

Input → Physics , Simulation

Benevolent
No. 3 of 3 (2016)

Input → Physics , Simulation

Voronoi Cell Fracture
No. 1 of 1 (2016)

Input → Simulation

Ploitering
No. 1 of 3 (2016)

Input → Time

Ploitering
No. 2 of 3 (2016)

Input → Time

Ploitering
No. 3 of 3 (2016)

Input → Time

Floating Shape
No. 1 of 1 (2016)

Input → Photographs

Interactive 3D Wave
No. 1 of 1 (2016)

Input → Simulation

Generative Pattern Explorations
No. 1 of 2 (2016)

Input → Time

Generative Pattern Explorations
No. 2 of 2 (2016)

Input → Time

Generative Physics Systems
No. 1 of 3 (2016)

Input → Physics , Simulation

Generative Physics Systems
No. 2 of 3 (2016)

Input → Physics , Simulation

Generative Physics Systems
No. 3 of 3 (2016)

Input → Physics , Simulation

Generative Star Wars Shape-Collages
No. 1 of 3 (2016)

Input → Noise , Time

Generative Star Wars Shape-Collages
No. 2 of 3 (2016)

Input → Noise , Time

Generative Star Wars Shape-Collages
No. 3 of 3 (2016)

Input → Noise , Time

Complex Unfolding Triangles
No. 1 of 3 (2016)

Input → Time

Complex Unfolding Triangles
No. 2 of 3 (2016)

Input → Time

Complex Unfolding Triangles
No. 3 of 3 (2016)

Input → Time

MCCC December
No. 1 of 4 (2015)

Input → Time

MCCC December
No. 2 of 4 (2015)

Input → Time

MCCC December
No. 3 of 4 (2015)

Input → Time

MCCC December
No. 4 of 4 (2015)

Input → Time

Recursive Animations
No. 1 of 4 (2015)

Input → Noise , Time

Recursive Animations
No. 2 of 4 (2015)

Input → Noise , Time

Recursive Animations
No. 3 of 4 (2015)

Input → Noise , Time

Recursive Animations
No. 4 of 4 (2015)

Input → Noise , Time

MCCC Revisited
No. 1 of 3 (2015)

Input → Noise , Time

MCCC Revisited
No. 2 of 3 (2015)

Input → Noise , Time

MCCC Revisited
No. 3 of 3 (2015)

Input → Noise , Time

RGB Shift Loops
No. 1 of 3 (2015)

Input → Randomness , Time

RGB Shift Loops
No. 2 of 3 (2015)

Input → Randomness , Time

RGB Shift Loops
No. 3 of 3 (2015)

Input → Randomness , Time

Quasar
No. 1 of 1 (2015)

Input → Noise , Simulation

Wandering Through Dark Places
No. 1 of 3 (2015)

Input → Noise , Randomness

Wandering Through Dark Places
No. 2 of 3 (2015)

Input → Noise , Randomness

Wandering Through Dark Places
No. 3 of 3 (2015)

Input → Noise , Randomness

MCCC November
No. 1 of 3 (2015)

Input → Time

MCCC November
No. 2 of 3 (2015)

Input → Time

MCCC November
No. 3 of 3 (2015)

Input → Time

Shape Generation
No. 1 of 1 (2015)

Input → Noise

Generative Cover Illustrations
No. 1 of 4 (2015)

Input → Noise , Text , Time

Generative Cover Illustrations
No. 2 of 4 (2015)

Input → Noise , Text , Time

Generative Cover Illustrations
No. 3 of 4 (2015)

Input → Noise , Text , Time

Generative Cover Illustrations
No. 4 of 4 (2015)

Input → Noise , Text , Time

Generative Motion Poster Exploration
No. 1 of 4 (2015)

Input → Noise , Time

Generative Motion Poster Exploration
No. 2 of 4 (2015)

Input → Noise , Time

Generative Motion Poster Exploration
No. 3 of 4 (2015)

Input → Noise , Time

Generative Motion Poster Exploration
No. 4 of 4 (2015)

Input → Noise , Time

Generative Characters Revisited
No. 1 of 3 (2015)

Input → Noise , Time

Generative Characters Revisited
No. 2 of 3 (2015)

Input → Noise , Time

Generative Characters Revisited
No. 3 of 3 (2015)

Input → Noise , Time

Generative Characters
No. 1 of 4 (2015)

Input → Noise , Randomness , Time

Generative Characters
No. 2 of 4 (2015)

Input → Noise , Randomness , Time

Generative Characters
No. 3 of 4 (2015)

Input → Noise , Randomness , Time

Generative Characters
No. 4 of 4 (2015)

Input → Noise , Randomness , Time

Generative Shapes
No. 1 of 3 (2015)

Input → Noise , Time

Generative Shapes
No. 2 of 3 (2015)

Input → Noise , Time

Generative Shapes
No. 3 of 3 (2015)

Input → Noise , Time

Generative Characters
No. 1 of 3 (2015)

Input → Randomness , Time

Generative Characters
No. 2 of 3 (2015)

Input → Randomness , Time

Generative Characters
No. 3 of 3 (2015)

Input → Randomness , Time

Geometric Loops
No. 1 of 2 (2015)

Input → Randomness , Time

Geometric Loops
No. 2 of 2 (2015)

Input → Randomness , Time

Morphing vectors with code
No. 1 of 5 (2015)

Input → Time

Morphing vectors with code
No. 2 of 5 (2015)

Input → Time

Morphing vectors with code
No. 3 of 5 (2015)

Input → Time

Morphing vectors with code
No. 4 of 5 (2015)

Input → Time

Morphing vectors with code
No. 5 of 5 (2015)

Input → Time

Generative shape explorations
No. 1 of 7 (2015)

Input → Noise , Randomness , Time

Generative shape explorations
No. 2 of 7 (2015)

Input → Noise , Randomness , Time

Generative shape explorations
No. 3 of 7 (2015)

Input → Noise , Randomness , Time

Generative shape explorations
No. 4 of 7 (2015)

Input → Noise , Randomness , Time

Generative shape explorations
No. 5 of 7 (2015)

Input → Noise , Randomness , Time

Generative shape explorations
No. 6 of 7 (2015)

Input → Noise , Randomness , Time

Generative shape explorations
No. 7 of 7 (2015)

Input → Noise , Randomness , Time

Experiments in space
No. 1 of 6 (2015)

Input → Time

Experiments in space
No. 2 of 6 (2015)

Input → Time

Experiments in space
No. 3 of 6 (2015)

Input → Time

Experiments in space
No. 4 of 6 (2015)

Input → Time

Experiments in space
No. 5 of 6 (2015)

Input → Time

Experiments in space
No. 6 of 6 (2015)

Input → Time

Lissajour curves
No. 1 of 2 (2015)

Input → Time

Lissajour curves
No. 2 of 2 (2015)

Input → Time

Infinite shape interactions
No. 1 of 3 (2015)

Input → Randomness

Infinite shape interactions
No. 2 of 3 (2015)

Input → Randomness

Infinite shape interactions
No. 3 of 3 (2015)

Input → Randomness

Self-repeating wave complexity
No. 1 of 1 (2015)

Input → Noise , Time

Infinite vector shape loop
No. 1 of 1 (2015)

Input → Time

Rotating Rectangles
No. 1 of 2 (2015)

Input → Time

Rotating Rectangles
No. 2 of 2 (2015)

Input → Time

Generative Creatures
No. 1 of 1 (2014)

Input → Randomness

Generative Triangles
No. 1 of 1 (2014)

Input → Randomness

Scroll →

whats up?

Creative Coding: The ideation process in generative design

The Creative Coding archive

Generative Design
Innovative storytelling and meaningful connections for brands and agencies

Creative Coding
Code-based explorations of visual systems for future brand- and interaction-design applications

Creative Coding: The ideation process in generative design

The Creative Coding archive

Generative Design Innovative storytelling and meaningful connections for brands and agencies

Creative Coding Code-based explorations of visual systems for future brand- and interaction-design applications

Quarterly newsletter

Quarterly newsletter

Generative Design
Innovative storytelling and meaningful connections for brands and agencies

Creative Coding
Code-based explorations of visual systems for future brand- and interaction-design applications