Flow

Published by Tim on Tuesday April 4, 2017

Last modified on December 19th, 2023 at 14:08

“Flow” is a 100% code-based abstract short-film, showing a worm-like figure floating through a three-dimensional space. I’ve created this experimental video for the PSD-Medienfassade: A large LED-display which is integrated into the architecture of the PSD-Bank in Münster.

The visual score

I’ve composed the music exclusively for this video. It is based on a so called “visual score”, a graphic that defined the dramaturgy of the the film. The music can be streamed with a special application for the smartphone.

After releasing the video i was wondering if it is possible to bring “Flow” with some interactivity to the web. Converting the code from Processing to Javascript forced me to rewrite many scenes from the video, but it basically worked.

Related

p5studio

A prototype for a browser-based design-application, built with p5.js and vue.js.

Hannah Gmeiner on Permacomputing in Graphic Design

In an age of increasing digital consumption, Hannah, a recent visual communication graduate, explored “Permacomputing”—a sustainable approach to technology inspired […]

Building Tools with p5.js (Playlist)

Click here to login or connect!To view this content, you must be a member of Tim's Patreon Unlock with PatreonAlready […]

DEMO 2025 – My Submissions

Limitations have always been playing a major role in my creative work; I was only able to develop my best […]

Tameem Sankari on Creative Coding for Large Media Corporations

In this interview, Copenhagen-based creative director Tameem Sankari shares his journey into Creative Coding, combining Processing, Blender, and Adobe CC. […]

Sam Griffith connects Creative Coding with Enviromentalism

In this post I’d like to introduce you to Sam Griffith, a talented graphic designer based in Detroit, to discuss […]

Throwback: My Talk at Demo Festival 2022

The next edition of the DEMO Festival is already approaching and I am currently developing a brand new talk for […]

Powers of Two – 128kb by Lena Weber

20 = 1 21 = 222 = 323 = 824 = 1625 = 3226 = 6427 = 128 … »In […]