top of page

Web Controller App

Images: Controller App (early version) in use with 4 inputs: same computer, different computer, tablet, and phone. Two images of the finalized UI page. One image of the p5.js sketch used for testing input.

Only one project in this section, but it's a doozy! One of the bigger challenges I've taken on.

 

The idea: create a web-based UI that can be used by any number of participants at once, for multi-player apps, games, simulations, etc. Because it’s web-based, it will run on any computer or mobile device. The example page has 8 “control channels” with three each of the most common UI elements: buttons, toggles, sliders, dropdown menus, and text inputs.

 

Set the receiving computer’s IP address in the app. The server (node.js-based) receives the data and broadcasts it to any connected "clients" like p5.js, Unity, etc. Voila! You have multi-player control which you can easily customize if you know a bit of HTML and CSS.

 

For now it only sends to one IP, but I’ve tested sending it to multiple IPs and it’s straightforward. It also only works on the same network; this can be changed, but not as easily. Also it doesn’t yet run on iOS due to restrictions (requires https, which in theory should be simple to implement, but I haven’t yet gotten it to work). However, it’s tested and works on Windows, MacOS, and Android.

 

My dream use case for the app: giving concertgoers or people at a club the chance to control the lighting, visualizations, and audio! Within reason of course....I’ll make sure no matter what they do it’ll look and sound good... 😉

bottom of page