Video & Pixel Tutorials


Screen Shot 2018-10-31 at 1.12.00 AM.png

This week in ICM, our homework is to create something that applies our new knowledge in Video & Audio in the p5.js environment. Part of the HW is to watch/work through Daniel Shiffman’s coding train playlist #11: Video and Pixels – P5.js. Below are screen-recordings of me following along with the tutorials & their github code examples here ❤ ❤







Continue reading “Video & Pixel Tutorials”

P.Comp: Midterm Progress <3



I made a quick prototype last night with some materials around the house like the cardboard from a Cinnamon Toast Crunch box and a CD case to help with the Pepper’s Ghost illusion. Jiwon kept working with bluetooth options and had a feather coming in tonite. So fun! : D We’re using P5.js on a smartphone to create the image and by decreasing the particle amount, the program is able to run much better now on the phone too ❤

Continue reading “P.Comp: Midterm Progress <3”


Full Screen (in browser)

P5.js Editor view

Week 6 Assignment

Create a sketch that it uses HTML controls (like buttons, sliders, text input fields) as a means of modifying the sketch’s behavior in real time. (You can adapt a previous homework assignment for this if you’d like.) BONUS: Incorporate an HTML control from p5.dom that we didn’t talk about in class. Alternatively or in addition, use p5.dom to modify other elements on the page (these elements could be added by hand in index.html or dynamically added by your code.)

Continue reading “ICM HW#6: PDOM, CSS & HTML”