Quantcast
Channel: Interactive – Patrik Hübner – Generative Design and Creative Coding for brands and agencies
Browsing all 31 articles
Browse latest View live

Image may be NSFW.
Clik here to view.

Interactive audio-reactive loop #1

canvas { vertical-align: top; } #buttonContainer a,#aboutContainer a { float:left; padding: 5px 10px 5px 10px; border:1px solid #000; background:#fff; text-decoration: none; color: #000;...

View Article



Image may be NSFW.
Clik here to view.

This Is The Moment

canvas {vertical-align: top;} #aboutContainer a { float:right; padding:10px; border:1px solid #000; background:#fff; text-decoration: none; color: #000; text-transform: uppercase; /*margin:20px 10px 0...

View Article

Image may be NSFW.
Clik here to view.

Generative floating shape

canvas {vertical-align: top; overflow-x: hidden;} .dg {display: none;} A visual experiment with webGL-based 3D-geometry. Specifically: Animating vertex-based displacement with textured surfaces and...

View Article

Image may be NSFW.
Clik here to view.

3D Interactive Wave

Interactive 3D wave. A visual experiment on animating a dynamic particle system using WebGL.

View Article

Image may be NSFW.
Clik here to view.

Wooden Drum

„Wooden Drum“ is a generative mixed-media installation which is propelled by real-time audio-reactive algorithms, creating unique and irreproducible visual outputs based on the ambient sound of the...

View Article


Image may be NSFW.
Clik here to view.

Piano

#canvasID { /*margin-top: -100px;*/ } #defaultCanvas{display:none;} #controlsContainer { bottom: 10px; position:absolute; margin-bottom:30px; width:100%; text-align:center; opacity: 0.4; font-size:...

View Article

Image may be NSFW.
Clik here to view.

No Move

#canvasID { } #defaultCanvas{display:none;} #controlsContainer { bottom: 0px; position:absolute; margin-bottom:30px; width:100%; text-align:center; opacity: 0.4; /*display:none;*/ }...

View Article

Image may be NSFW.
Clik here to view.

Adventura

#statsDIV div { position: absolute !important; top: 0 !important; left: 0px !important; opacity: 1 !important; z-index:9 !important; display: none; } #mobileInfo {background: #000;...

View Article


Image may be NSFW.
Clik here to view.

DDD Milan 2017

#preloader { position: absolute; width: 100%; z-index: -1; text-align:center; font-size: 24px; font-family: Monospace; margin-top: 60px; } #infoBlock { position: absolute; top: 200px; font-size: 9px;...

View Article


Image may be NSFW.
Clik here to view.

Bach Prelude in C

hallo BACH .dg { display: none; } #Stats-output { display: none; } video { width: 100% !important; height: auto !important; display: none; } #homeSketch { position: fixed; top: 0; z-index: -1; }

View Article

Image may be NSFW.
Clik here to view.

Schwanensee – Dynamic Identity

Generative identity project for an expressive cultural brand Custom algorithm that feeds generative shapes with pre-captured motion-data Schwanensee explores human dance-movements and digitally...

View Article

Image may be NSFW.
Clik here to view.

DIESEL Go With The Flaw

Click here to start the interactive system Commissioned by DIESEL for the “Berlin Leuchtet Festival” 2017. Additional details will be added shortly.

View Article

Image may be NSFW.
Clik here to view.

BRUTE – Data driven wine brand

Generative identity for a wine, crafted by the elements Custom design-algorithm that generates uniquely branded visualizations based on weather-data BRUTE is a data-driven wine brand that distills the...

View Article


Image may be NSFW.
Clik here to view.

The Pulse. A real-time living brand

Dynamic, real-time, data-responsive graphic The Pulse listens, responds and learns – according to global conversation. The Pulse The Pulse is a dynamic, data-responsive graphic that tracks over 10,000...

View Article

Image may be NSFW.
Clik here to view.

Art Machines. A flexible, dynamic identity propelled by people.

CLICK TO PLAY VIDEO WITH MUSIC Literal Art Machines When tasked with the brief of designing a flexible visual identity and design system for Creative Coding Utrecht’s “Art Machines” series of events I...

View Article


Image may be NSFW.
Clik here to view.

La Cosette. 100.000 unique wine bottles.

CLICK TO PLAY VIDEO WITH MUSIC No bottle of wine like the other Procedural Wine Packaging and Identity Design Unashamedly inspired by the great wines of Europe, the singular focus of YarraLoch is to...

View Article

Image may be NSFW.
Clik here to view.

Chimes. An interactive exploration of music and space.

CLICK TO PLAY VIDEO WITH MUSIC Touch and see the sound in this room Chimes is an interactive, audio-reactive experience that translates the sound of a room into digital wind, setting in motion an...

View Article


Image may be NSFW.
Clik here to view.

SHUTDOWN Gallery. A web-based, AR/VR 3D experience.

CLICK TO PLAY VIDEO WITH MUSIC Cultural life beyond social distancing A web-based, fully interactive, 3D art & design gallery In absence of new impressions, SHUTDOWN.gallery appears as a...

View Article

Generative Business Cards

businessCards Click to play with the interactive system Dynamic, generative brand design created using a custom design algorithm. Each pattern is one of a kind, finished with a reflective, holographic...

View Article

Painting Posters

Painting posters with code. A colorful exploration of using layered, organic movement to build complex constructions out of simple rules.

View Article
Browsing all 31 articles
Browse latest View live




Latest Images