Details
Roles
Under the Krusty Labs Collective:
- Kent Limanza – UX, Engine Implementation, Effects
- Srikesh Sundaresan – Framework, R&D, Hardware
- Joseph Liew – Hardware, Component Programming
- Luke Goh – R&D, Hardware
- Wina Nashita – Project Manager
- Nicky – Graphic Artist
- Vivian – Icon Artist
- Berenice Chao – Art and Assets
- Jo Yie – Tech Assist
- Jee Neng – Spray Can Fabrication
- Keiran – Spray Can Fabrication
Special Thanks to:
- Akbar Yunus
- Gary Hong
- Chris Leow
Fields
Year
Apr – Jun 2022
Meet the Team
Where Electric Paint started
In collaboration with Disney+, TenSquare, and Yunora
When Disney reached out, I was excited with the prospect of what the project can be. The brief was simple, engage the people, create something interesting. Fresh out of a semester of placemaking module, I have the basics on what may be needed to create a truly interactive exhibit for the public to play with.
This graffiti wall is a placemaking project designed to mimic the settings of the location of Ms Marvel in New Jersey. This interactive wall experience using the combination of simple gestures possible with LiDAR & p5.js, allowing one to experience graffiti drawing.
The interactive installation was featured at the Cosmic Block Launch Party, open to the public from 10 to 12 June 2022, to promote Marvel studios’ Disney+ Series Ms Marvel. During the event, the wall intends to create an immersive experience that transports users to the environment of New Jersey, as seen in the Ms Marvel series.
This project is perhaps the largest one I have done, it reached audiences beyond what I would have imagined. I am proud to have volunteered and contributed to this collective project. Seeing the happiness of many children, and adults alike, playing with the spray can and paint effects made me delve deeper into the world of creative tech and interaction design.
My Role in All This
After rounds of ideation on what the concept should be, we landed on a digital graffiti wall. The project software is built on p5.js which is a user-friendly creative programming platform.
I helped make multitouch work in order to realise the collaboration we wanted to achieve with the project. I also implemented the whole spraying system and the stamping mechanic.
One of my more creative explorations was creating the brushes/spray paint effect digitally in an efficient way. All the effects you see were created purely using programming (and math, I suppose), instead of using PNGs of brushes. Accidentally making fuzzy, soft looking paint effect was a fun accident. Each color option has their own spray effect.
I also implemented the lerping (blending) of colors and how the gradient interacts and changes as they are sprayed, where I also first found out about the LAB color space.
Design Processes
This placemaking project uses a huge LCD panel and a LiDAR camera mounted on top. Throughout the process of designing for this project, multiple site visits are done to ensure the design can be properly implemented in the space.
The project also went through multiple rounds of iteration, as depicted from our 3 early game concepts. All of them draws inspiration from New Jersey where Ms. Marvel is from as well as the trailer for the upcoming series.
In the end, the spray painting concept was chosen as it is the most engaging without being overly complicated, matches the colorfulness of the trailers, and we feel that it can also help users express themselves the best.
Tech-wise, after exploring many different “smart” solutions, such as using microcontrollers or camera tracking, we ended up using Hokuyo LiDAR Sensor which translates the detected positions into 2D mouse data for the p5.js code to process. The spray cans are just something to hold with a white top that is easily detectable by the sensor. Many participants enjoyed the process of spray painting and particularly noted the spray cans being a nice touch (shakable as well!).
Photo Gallery
