Interactive Fireworks Installation

TouchDesigner Patch

An interactive fireworks installation. Using multiple screens stationed around a venue, users can experience brilliant fireworks with a single touch.



This project was designed using TouchDesigner and its built-in particle system.


Starting off with the ideation phase: I planned to place touch screens around a venue, with a central screen visible from all of them. The idea was that, on its own, the screen would not show many fireworks at one time. However, if many users interacted with the installation at one time from different points across the venue, there would be many more.

During the ideation phase I did some crude sketches to put my idea to paper.

I went into this project with the understanding that the user would interact with a touch screen. The program would then fire a firework star up to that point on the screen, after which it would explode as a firework. Some potential roadblocks stood out to me, namely detecting the firework star reaching the desired height, and then exploding it at that height.

I first made a system to spawn particles on click. With the further addition of a Wireframe SOP and a Composite SOP for color, I had completed the mechanism for exploding the firework.

After that, it was as simple as timing the initial spark to go up and line up with the following explosion.

Below is a video featuring the project in action. I am unable to embed the TouchDesigner patch itself into the website as it would heavily lag the site and possible your own browser.