Project component 4:
ML5 Face Interactive Elements
HELLO!
My name is Irene Chung, and this website contains what I've learned/created over the course of 6 weeks while taking DESMA 28: Interactivity at
UCLA Design | Media Arts.
Thank you T.C. Zhou for teaching us DESMA 28 and helping us throughout the class!
↑↑↑↑↑↑↑↑
MY FIRST
PROJECT
← click to go to live site
← click to go to live site
← click to go to live site
← click to go to live site
← click to go to live site
Project Component 3:
Mic Interactive Element
Click this memo to see the code for the frog mirror project.
Most images on this website that you click on should redirect you to the code.
Project Component 2:
Keyboard Interactive Elements
FINAL INTERACTIVE MIRROR :D !!!!!!! 𓆏𓆏𓆏𓆏𓆏 live laugh frog.
Initial Figma prototype of the project
𓆏𓆏𓆏𓆏𓆏𓆏𓆏
𓆏𓆏𓆏𓆏𓆏𓆏𓆏
𓆏𓆏𓆏𓆏𓆏𓆏𓆏
𓆏𓆏𓆏𓆏𓆏𓆏𓆏
𓆏𓆏𓆏𓆏𓆏𓆏𓆏
Improved frog. Also I turned it into a class so I can objectify(?) it. yippee
Project Component 1:
Mouse Interactive Element
With some help from my friends who (actually) know music theory, I made this BGM.
← I figured using a consistent color palette for my frog & final project would help, so I made & tweaked a palette with coolors.co.
Initial face mirror
This is the initial frog that I drew with p5.js.
Custom Brush
(Key: press 'g' to activate)