Tinkle, part 2/2 – website

For ICM finals, I extended our PCOMP project, Tinkle, into a website. The idea is to make user rethink about this intimate space we inhabit every day, and let our thoughts freely flow while on it. After visiting the physical toilet we build, participants either leave messages down or listen to other people’s thoughts, through the website.¬†Thoughts could be random, from daily happenings to life expectancies.


I drafted the wireframe and make sure the two major functions are clearly presented to users . P5 voice recognition, sound library, and WebGL techniques were implemented into the sketch. The WebGL was painful to work with since my laptop was too old to support any fancy new web technology. The workaround for that is to use Firefox and run local server.

General Feedbacks after Play-test:
– Add background music over voice over
– Make sound visualization more cohesive to sound waves or equalizer
– Simplify the interaction: physical toilet guides the user to think, while website focus on recordings

The ultimate versions of this website will probably looks like this image from Trainspotting movie.

Update 03.11.19: Try ignoring chrome blacklist via terminal
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome –ignore-gpu-blacklist