Time

1
Time
No. 1 of 1 (2016)
DOID: 1288.20160630
Input → Sound & Music
Output → Interactive experience

“Time” is an audio-reactive music visualization that I created for the upcoming INJUVIK Collective live-set. This real-time, browser-based 3D-visualization will be part of the live electronic music- and projection-performances Stefan, Tim and I will share at different festivals and gigs all over Germany.

This version has been slightly modified for a simplified user-experience. Additionally, to panning with your mouse, you can interact with the sketch by right-clicking and dragging your mouse or by using three fingers to swipe on touch-based devices.

Explore the live system

NOTE: You need to click on “activate microphone” twice to enable the music playback. This system was developed before browser restrictions prevented audio-autoplay.

Tagged with: 3D, Interactive, Web-based, WebGL

Ready to explore more creative coding-based explorations for brands, flexible visual system and dynamic identities like this? This idea is part of my ever-growing archive of explorations that focuses on visual, technical and narrative-driven territories using Generative Design and Creative Coding in the fields of communictions design and branding.

All creative coding explorations

Generative Design
Innovative storytelling and meaningful connections for brands and agencies

Philharmonie-Luxembourg-FeaturedImage

Philharmonie Luxembourg. A dynamic identity that interacts with the sound of live music.
Brute-Weather-Driven-Generative-Brand-Identity-Design-Cover

BRUTE. A brand crafted by the elements.
Lexus-NX100T-Generative-art-car-design-cover

Lexus NX 100 Thieves. A car design based on tens of thousands of data points from world championship games.
Munken-Creator-Generative-Design-Typography-Creative-Coding-Poster

Munken Creator. Impetuous typographic experimentation – inspiration beyond boundaries.
Poladot-Generative-Brand-Blockchain-Identity-Cover-02

Polkadot. A community-driven brand that is built to evolve.
04-Creative-Pool_WPL-medium

The Pulse. A real-time, data-reactive, living key visual.

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

McKinsey-NameInteraction

McKinsey Dynamic Identity Explorations
Dysto-Casevideo-WithAudio

Branding Toolkit
WhereThereIsData-05

Where there is data, there is design
Simple-Creative-Coding-Toolkit

Simple Creative Coding Toolkit
sketch_109_01

60s Swiss Recursive Poster Series
TheArtOfTheFuture

Beyond Data
Subscribe to the quarterly newsletter of Patrik Hübner

Generative Design and Creative Coding change the very core of how design works: Imagine a world which allows you to create narratives, designs and brand experiences that are flexible, reactive, alive and breathing.

Input →
Output →
Learn how this approach works
Instagram
YouTube
LinkedIn
Contact
Patrik Hübner - Generative Design and Creative Coding for brands
Powered by  GDPR Cookie Compliance
Privacy Overview

I use cookies on this website to learn more about how you use this site and what content you find most engaging. Understanding this is a powerful tool to help me optimize the flow of the site and create even more relevant content. If you want to help out, do enable cookies. But feel free to turn them off – you're welcome here no matter what :)

Cookie information is stored in your browser and performs functions such as recognising you when you return to this website, what content you find most interesting and how you flow through the site.