Logo
Overview
Capstone Project | Prototype 1

Capstone Project | Prototype 1

January 27, 2026
3 min read
index

Re-thinking Fluid

When we were discussing on how to improve visuals for our capstone, we were hell bent on doing two things: a) make space, cosmic-ish particles, or b) fluid simulation. For this week, I am trying out by mimicking / branching off last semester’s visuals with fluid wave simulation. The concept that I found interesting to implement for this week was loosely based off Voronoi Cells or Diagram.

The partitioning of a plane with n points into convex polygons such that each polygon contains exactly one generating point and every point in a given polygon is closer to its generating point than to any other. A Voronoi diagram is sometimes also known as a Dirichlet tessellation. The cells are called Dirichlet regions, Thiessen polytopes, or Voronoi polygons (from Wolfram Mathworld)

Voronoi 1
Voronoi Diagram A
Voronoi 2
Voronoi Diagram B

Inspirations

Voronoi 2
Ocean Waves - Khaki Eyeem, Getty Images
Play

What is wrong with previous waves?

Unfortunately, as I observe closely to the recordings from previous capstone mini exhibition, I noticed that the use of 3D rendering for feedback waves in TouchDesigner and scaling it up was insanely taxing for my computer. The reason is also because the computer also streams high-bandwith data from Kinect Azure. This means moving forward, I need to think on creating visuals that are "optimized" by reducing the amount of feedback loops.

Passive Movement vs. Active Movement

When we were discussing earlier in the beginning of this semester, we were engaging in what actions should the users make? Is it them waving around, or should their presence, in a way or another influence the visuals which in return provide feedback to them? The goal of this week’s prototype is to create visuals that have nature-like smoothness properties which I think are satisfying. **This also means that we need to research on how these nature visuals, which could imply biophilic in a way (throwing back to our initial proposals), could invoke certain emotional feeling. **

In Action

Voronoi - TD
Voronoi-inspired fluid movement simulation
Voronoi - TD
2D Feedback Loops, Edges, TouchDesigner Interface
Voronoi - TD
Variations A
Voronoi - TD
Variations B
Voronoi - TD
Variations C & much more!

Essentially it works by using a noise with certain parameters and feeding it feedback loops, edges, and slopes. Unlike the previous wave which requires normal maps, this one works straight using 2D TOPs, which means it is very light even scaled up (though adjustments to pixel formatting is still required).

Simple Finite State Machines

I’ve also been thinking on how this simulation would look like if it is scaled up. In order to do that, I am trying to implement Finite State Machines, where depending on the state, the visuals change in a way or another.

It is an abstract machine that can be in exactly one of a finite number of states at any given time. The FSM can change from one state to another in response to some inputs; the change from one state to another is called a transition (Wikipedia, hehe)

Voronoi - TD
TD FSM using Logic CHOPs
Voronoi - TD
How the states work

In TouchDesigner, the way I implement now is very simple using Logic CHOPs, where I track the movement and speed of a mouse and change the FSM into three pre-defined colors (states). Unfortunately, I had to cheat a bit by implementing it using Alpha instead of smoothly blending, which is a homework that I have to figure out moving forward.

Resources