I got an inspiration from a sketch I found on openprocessing.org. The sketch is called ‘Snake Brush’ and it uses processing to recreate a famous painting in a way I found very interesting. I have been trying to add a new touch to my photography and I think this is where I want to start. However, for this week assignment I decided to experiment with webcam first.


The idea is to control the movement of the circles with a microphone and have the circles pick up colors from the webcam as they move across the screen. It means you have to constantly talk into the microphone in order to create a painting of yourself.

I ran into a problem where the webcam took too long to load so the circles wouldn’t pick up the colors from live video. I tried preload function but it didn’t work so I decided to use frameCount and make the drawing appear after certain amount of time.

Far from perfect but I had a lot of fun playing with this! Hope you enjoy it too!




Lyrics generator!

Screen Shot 2018-10-24 at 05.19.54

Was trying to use API from Musixmatch and Genius but couldn’t get them both to work. I also planned to put a youtube video at the end of the page so you have an instrumental version of the song to sing along to. Again, couldn’t get it to work 😦 I need to figure out how OAuth works to gain access to Genius API and data.

Link to sketch : https://editor.p5js.org/msyves/full/S1F9awpiX

Pcomp: Week 4


Enter a caption

Makeup Machine

(Big thanks to Yuguang for letting me try the machine on him!)


My first plan was to make an omelette making machine but I couldn’t manage to make a video for that in time so I’ll just get back to it later.

Here’s a video with my servo motor trying to apply blush on my face.


int reading;

int prevReading = 0;

int counter = 0;

Servo servoMotor;

int servoPin = 7;

int buttonPin = 3;

void setup() {





void loop() {

reading = digitalRead(buttonPin);


if (reading == 1) {

if (prevReading == 0) {

prevReading = 1;



if (reading == 0) {

if (prevReading == 1) {


prevReading =0;



if (counter == 1) {





} if (counter == 2) {

counter = 0;




For this week homework, I decided to restructure my old black cat sketch from week 1. Though I understand how class and object work, I’m still not able to write everything from scratch without any guideline. I literally just followed everything Dan did in his youtube videos T-T

Screen Shot 2018-10-03 at 01.04.15
A cat appears every time you click your mouse!

I spent most of the time re-arranging the shapes. My code still looks very messy and I need to keep looking for a way to make it easier to read. I also couldn’t get some elements to work after I put them under class and function. The cat now doesn’t know how to drool and the eyes don’t really follow the mouse anymore T-T

Link to the sketch : https://editor.p5js.org/msyves/sketches/HyuB6TW97

Pcomp : Week 3


I followed the instructions on the labs page and didn’t encounter any difficulties getting the switch and the sensor to work. Though I have to admit that the coding part was a bit exhausting since I’m kinda bad at both math and logic. I tried not to copy the code from the page and instead rewrote it to make sure I know how each function works.

I also tried to apply the code to the creative switch I made last week.  The concept is to make one of the LEDs light up each time you take a step. It worked fine when I held the switch in my hand and pressed it with my fingers but when I put the switch in my shoes it went a little crazy. I guess it’s because my switch was just too fragile to be stomped on? I’ll need to find new materials that are more suitable since I’m pretty sure the current switch will  break apart soon 😦

Pressing the switch by hand
Triggering the switch by foot
Messing around with it



Since I didn’t get the chance to do any observation this week, I decided to write about self-ordering kiosks that are quite commonly used in restaurants in Tokyo (mostly in a sushi place or an izakaya). I think the main purpose of the machine is to prevent miscommunication between the waiter and the customer. It also makes it easier for the   customer to look through the whole menu and to see how the food looks like. Though most of the kiosks in Japan only have Japanese language, you’ll still be able to navigate it without any problems. I personally think it’s fun, super user-friendly and it also saves me from having to embarrass myself since I always mispronouce the Chinese character.

You can actually tell if someone is a regular at a restaurant by the way they interact with the kiosk. Those who have been to the restaurant before usually know in which page their favorite food is and where to click to place an order. If you are familiar with the machine I think it will take less then 2-3 minutes to order and for people who using this for the first time they will probably need around 10 minutes to figure everything out.

I believe that people can find them a bit overwhelming at first if they are not familiar with this kind of machine, but after some time they will get used to it and see how convenient it is!