intro.to COMputational Media

Class

Assignments

Create an experience manipulating image(s) and/or video(s) that tells a story (at the least, it must have a beginning and an end). Questions to consider: How might you use color to evoke a specific feeling or a series of changing emotions as the experience progresses? If there is interaction (mouse, keyboard, movement, etc.), how might the type and manner of interaction(s) contribute to the intended experience of the piece?

  • Work with a partner or in a group of 3. If you already have a group, mark yourself green here by November 3 at 10:00PM ET. After that I will assign unpaired folks to random groups.
    • Next week we will experience it fullscreen so...

      • createCanvas(windowWidth, windowHeight);

      • Position and size screen elements in relation to the canvas width and height.

      • If the experience does not fill the entire screen, be mindful about the color you select for the canvas.

      • These p5 functions might be useful, too: windowResized and fullscreen.

    • Each person should write a blog post documenting their work and include the following:

      • 5-10 words that describe the experience.

      • Links to other projects that serve as references, inspiration, or deal with similar ideas as the piece.

    • Submit blog posts with the sketch the day before class using the homework form.

Alina and I had a lot of ambitious ideas for this week’s project. We wanted to combine checkbox/brightness mirror and ml5.js to create a seasonal change effect.

Spring--lively--green

Summer--hot--orange

Autumn--delightful--yellow

Winter—cold-- blue

We finished brightness mirror and ml5.js with emojis separately. And found that the combination is more difficult than we thought. After we added these two parts together, the entire sketch suddenly ran too slowly to preview.⬇️

We changed our ideas, in order to make the effect of changing seasons we used tint falling effect and ml5.js. After testing, we found that the falling effect can be combined with ml5! Although we met many strange problems in the process (for example, the falling items changed from leaves to screenshots of the capture video😂)

We also met many problems in switching between preview and fullscreen.1⃣️First, the ratio of the video images was incorrect.2⃣️Second, the emojis positions were all shifted.3⃣️Third, tracks of falling items would be shown in the area where the video image did not cover.

Reference of falling leaves: https://www.openprocessing.org/sketch/803047