Fluid Motion Studies

1
Fluid Motion Studies
No. 1 of 3 (2018)
DOID: 1794.20181207
Input → Noise , Time , User-input
Output → Illustrations


Real-time, interactive fluid and organic motion-studies. R&D for web-based, interactive 3D for high-performance dynamics. Developed with Three.js, GLSL and JavaScript.

Click to explore the system

Click and drag to rotate the camera. Scroll to zoom.
You can open a full range of settings by opening the black control box at the top right.

Fluid Motion Studies ↘︎ More ideas in this series

2
Fluid Motion Studies
No. 2 of 3 (2018)
DOID: 1794.20181207
3
Fluid Motion Studies
No. 3 of 3 (2018)
DOID: 1794.20181207
Tagged with: 2D, 3D, Abstract, Geometric, Interactive, Poster, Simulation, 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.