ICM Final – Webcam Self-Portraits

CLICK HERE TO SEE & PLAY

Plz excuse the dead look in my eyes. It’s finals. Here are my questions for the class.

  1. How is interface of this website helping or hindering you from using it?
  2. In what ways do you feel this does or doesn’t capture your personality/identity?
  3. What would you do with the photos you save from this?
  4. How could this be more engaging and exciting for you?

Continue reading “ICM Final – Webcam Self-Portraits”

ICM Week 8

This week we focused on video and sound. The video/imaging processing component is through DOM library and then there is a separate library for sound. I wanted to combine both of them to make a synth that you control with your webcam. I know the sounds are choppy and awful sounding. Once I closed more tabs and tested the sounds individually it sounded like a normal sine wave, so I think my computer/Chrome was struggling to handle all of the code.

Here’s a video of it in action below & you can play with it on my website here.

Continue reading “ICM Week 8”

ICM Week 7 – Extra!

So, now I’ve updated my gif slider to take inputs from the user. Click here to play with it! 

Some nice inputs that have output gifs that make some sense are things like happy/sad or hello/goodbye. Obviously you can get a lot of weird gifs if you want, but I’ve got it set for a PG rating (:

Continue reading “ICM Week 7 – Extra!”

ICM Week 7

This week we talked about APIs and how we can utilize information from the internet. Specifically, I worked with using the Giphy API to make my last week’s DOM project more variable and exciting. Now my sketch will use Giphy’s database to pull up cute cat and dog gifs. There is honestly some weird stuff when you query “cat + dog”, but that’s based on how Giphy categorizes the gifs. Most of it is of actually cats and dogs (sorry if weird stuff pops up). Click here to view my improved cat/dog gif slider website.

Continue reading “ICM Week 7”

ICM Week 5

This week, I worked on creating a sketch using object oriented code. Since we also learned about arrays, I also wanted to work with that too. My inspiration started when I saw the SNL Papyrus Skit, which reminded me of every time I’ve cringed seen Curlz MT used in earnest and also this gem.

As a result, I created functions turn a .txt file of Waves into various arrays of letters or words, and then a couple functions to play with how they are drawn in p5.js. I wanted to add more ways to alter & move the text, but I didn’t really have time. Here it is below and the full code is available here.

Continue reading “ICM Week 5”

ICM Week 3 – Part 1

The first part of this week’s assignment is to create a sketch of some kind of rollover, button, or slider interaction from scratch. In the second part, I will swap sketches with a classmate and make some changes to his/her code. I’ll add a link to that post later.

I decided to create a slider that would change colors. I wanted the user to drag his/her cursor so the colors would change like turning a page in a multicolor book. Full code is available here and this is the final version.

Continue reading “ICM Week 3 – Part 1”