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 ArticleThis 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 ArticleGenerative 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 Article3D Interactive Wave
Interactive 3D wave. A visual experiment on animating a dynamic particle system using WebGL.
View ArticleWooden 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 ArticlePiano
#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 ArticleNo Move
#canvasID { } #defaultCanvas{display:none;} #controlsContainer { bottom: 0px; position:absolute; margin-bottom:30px; width:100%; text-align:center; opacity: 0.4; /*display:none;*/ }...
View ArticleAdventura
#statsDIV div { position: absolute !important; top: 0 !important; left: 0px !important; opacity: 1 !important; z-index:9 !important; display: none; } #mobileInfo {background: #000;...
View ArticleDDD 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 ArticleBach 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 ArticleSchwanensee – 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 ArticleDIESEL 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 ArticleBRUTE – 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 ArticleThe 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 ArticleArt 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 ArticleLa 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 ArticleChimes. 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 ArticleSHUTDOWN 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 ArticleGenerative 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 ArticlePainting Posters
Painting posters with code. A colorful exploration of using layered, organic movement to build complex constructions out of simple rules.
View Article
More Pages to Explore .....