Kinetic Light Particles

1
Kinetic Light Particles
No. 1 of 2 (2019)
DOID: 1786.20190219
Input → Physics , User-input
Output → Interactive experience
Click to play with the installation

Click and drag to move the camera. Drag the particles to interact with them.
Change the parameters of the simulation by opening the options at the top right.

A data-driven, kinetic installation which explores the interplay of light and physics. Interactive, real-time, web-based prototype for an upcoming project. Programmed with JavaScript. WebGL: Three.js – Physics: cannon.js

Kinetic Light Particles ↘︎ More ideas in this series

2
Kinetic Light Particles
No. 2 of 2 (2019)
DOID: 1786.20190219
Tagged with: 3D, Abstract, Geometric, Interactive, Physics, 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.
Evian-Generative-Brand-Design-Typeface-Cover

evian+ A generative typeface and dynamic branding toolkit.

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