Homework MimiY 06

Week 13: FINAL PRESENTATION!

• RESOURCES FROM CLASS:

  • Data
  • Uncommented Random Word Generator | Commented
  • Markov Chain
  • The animal didn't cross the road... which is from this excellent but dense article about LLM.
  • Nostrils-Smile-Eyebrows
  • ml5
  • Teachable Machine

• DO:

  • Your final presentation! You can take something you did earlier this semester and expand it. You can scratch a new itch. You can make a Frankenstein project by combining earlier code. And yes you can present the coding portion of your PComp final so long as you can speak to how you applied computational thinking to shape the project. Remember it is still a 1-week assignment.
  • Prepare (which means rehearse!) a 5 minute presentation to demonstrate what your project does that emphasizes its computational aspects. See instructions here: How to create a first-person perspective demo of your project.
  • Rehearse your presentation for someone who is not familiar with your project. This will help you pace it and also identify gaps in your presentation.
  • Post documentation in the form of a blog post.
    • Address the questions / requirements outlined in the How-to instructions.
    • If your project was a collaboration, explain what part you did.

Homework Links

• Your Name -- [Title of Blog Post](Link to Blog Post), [Title of Sketch](Link to Code)

---

Week 12

• RESOURCES FROM CLASS:

  • Text
  • String documentation
  • Regular Expression Builder
  • Display Strings
  • Re-order Words | Text Samples
  • Count Words

• READ AND WATCH:

  • Read Machines Beat Humans on a Reading Test. But Do They Understand?
    • What does it mean to understanding something?
  • Watch Teachable Machine: Image Classification
  • Extra: Next Gen ml5 Examples | Documentation

• ADDITIONAL RESOURCES

  • Comparative word frequency analysis to find unique keywords.
  • Tutorials on how to get data from web services.

• DO:

  • Complete this Worksheet
  • Start gathering questions, code samples and source material (images, sounds, colors, text) for your final project.

---

Week 11

• RESOURCES FROM CLASS:

  • Sound Part 2
  • Code Examples:
    • Melody Makers: Outer-space versus Home | Steps and Leaps with random() and noise() | Repetition with sin()
    • noise() | noise() tutorial
    • Harmony Maker
    • Modulo Drum
    • Loopy Drum
    • Shifting pitch using playback rate
    • Record and Loop Mic Samples
  • Listening Examples
    • Doe-a-Deer
    • Thai Weightlifter X Space Odyssey
    • O mio caro babbino
    • Drumming by Steve Reich
    • Les Percussions de Kouroussa

• DO:

  • Work in pairs. Due next week. Build a 60s algorithmic sound composition. No visuals. Just sound.
    • You can use samples, looping and interaction, but be sure to incorporate an algorithmic component to your composition.
    • Prepare 1-3 words to describe the piece. Listen to what you've made. Adjust your words.
    • Create a blog post documenting your work. Also include links to other projects that serve as references, inspiration, or deal with similar ideas as your piece.
  • Ideas for what you could do:
    • Design a melody using this process and figure out an algorithmic way to generate it.
    • Record bits of spoken word and loop them to create music. See SoundRecorder() Looper
    • Use sound samples and manipulate their playback rate() to control pitch instead of the oscillator.
    • Try implementing a different scale with different pitch ratios: More about scales.
    • Play with Timbre and make use of p5 Sound's post-processing features: Delay, Filter, Reverb, Convolver etc.

Homework Links

• Your Name -- [Title of Blog Post](Link to Blog Post), [Title of Sketch](Link to Code) *Elaine& Christina--Music
• Zongze and Diana -- ICM Music
• Melika - Lucy -- Instinct; Heartbeat; Exploration, Sound Lucy&Melika
• Penny & Vio -- Blog | Music
• Andres & Lois --Sound
• Proud & Meiyi -- Sound
• Caakyire and Andy -- Pose Classifier

---

Week 10

• RESOURCES FROM CLASS:

  • Sound Part 1
  • p5.SoundFile
  • Mic p5.FFT()
  • Interactive p5.Oscillator() - Hearing Test

• DO:

  • Complete this worksheet.
  • Train your ears - Follow the directions at the top of the sketch. Save an image of your best attempt and upload it here.
  • Work in pairs. Due in 2 weeks. Create a 60s sound composition. No visuals. Just sound.
    • What parameters of sound are you working with? Texture, rhythm, melody, something else?
    • Prepare 2-5 words to describe the sound as it progresses over the 60s.
    • Create a blog post documenting your work. Include links to other projects that serve as references, inspiration, or deal with similar ideas as your piece.

• READ AND WATCH:

  • Watch: Notes and Neurons: In Search of the Common Chorus
    • Is music the same if you already know what to expect?
    • Pitch, rhythm and timbre.
    • Is rhythm different across cultures?
    • Comparing musical predictions across cultures
    • Bobby McFerrin demonstrates the power of the pentatonic
    • Is music apart of speech?
  • The Complete Guide to Spotify's Algorithm
  • Reflection: Come to class prepared to talk about: What characteristics of music are they talking about in the Notes and Neurons panel? What characteristics of music are the algorithms in Spotify most concerned about?
  • Short videos and articles:
    • Why repeating words sound like music to your brain - Focus on the last example: "But they sometimes behave so strangely."
    • Solfege Tutorial | Video
    • Introduction to the noise() function: Tutorial | Reference

---

Week 9

• RESOURCES FROM CLASS:

  • Pixels Part 2: Color
  • push() pop()
  • Mirror, Mirror
  • Delay Frames
  • Slit-scan Still
  • Slit-scan Video
  • Color Theory Examples
  • Worksheet: Greenish, erased, blue vertical line cat

• DO:

  • Work in pairs. Due next week. Manipulate an image or video at the pixel level*. No sound. The image should change over the course of the minute. Use the properties of color to focus our attention.
  • Demo your experience in class:
    • Use the p5 editor's fullscreen link to show your project fullscreen
    • Use createCanvas(windowWidth, windowHeight);
    • Position and size screen elements in relation to the canvas width and height.
    • If your image is not big enough to fill the entire screen, be mindful about the color you select for the canvas.
  • Create a blog post documenting your work. Address / include the following:
    • Choose 2-5 words to describe how the image changes over time.
    • Links to other projects that serve as references, inspiration, or deal with similar ideas as your piece.
  • Consult resources from syllabus for inspiration. Pixels Week 1 | Pixels Week 2

• READ AND WATCH:

  • Sound Videos Focus on: Loading + Playing, Timing, Jumps + Cues, Amplitude Analysis, Mic Input, Sound Viz | Code
  • Chapter 13 through Ex. 13.3 of Getting Started with p5.js book - Ebook (free with NYU Library login)
  • More sound stuff

Homework Links

• Your Name -- [Title of Blog Post](Link to Blog Post), [Title of Sketch](Link to Code)
• Elaine & Penny -- Elaine and Penny : image and color --,-- Inspiration open in Figma
• Caakyire and Lucy -- Blog- Pixelation and Color Transition, Week 8 Manipulate,Blog
• Proud & Zhongze -- blog | Fullscreen
• Meiyi & Diana -- Pixel Art
• Christina & Vio -- Blog | One Day

---

Week 8

• RESOURCES FROM CLASS:

  • Pixels Part 1
  • All the ways to work with images
  • Red canvas, pixel-by-pixel
  • Converting x,y to i
  • Pixelated cat with get(x,y)
  • Slow pixelated video mirror with get() | Faster version with pixels[] array
  • color functions

• DO:

  • Complete this worksheet.
  • Work in pairs. Due in 2 weeks. Create and/or manipulate an image or video at the pixel level to create an alternative of the reality depicted in the source image. Describe in 1-3 keywords how your image feels different from the source image. Create a blog post documenting your work.
  • Consult resources from syllabus for inspiration. Pixels Week 1 | Pixels Week 2

• READ AND WATCH:

  • Why isn't the sky blue? and other questions about how we see(?) or construct color.
    • Start at 48:00 for "Why isn't the sky blue?" However the entire show is pretty interesting.
  • Computational Color (Don't worry about Rune.js example code.) | Accompanying code examples written in p5.js
    • Make your pictures beautiful with a touch of deep learning magic - Mostly look at the pictures in relation to the color pairings in the Computational Color reading.
  • Introduction to Neural Networks and Pixel Analysis (20 minutes, but be prepared to spend an hour. Don't try to watch on 2x speed.)