Next Assignment

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
  • Basho

• DO:

  • Discover something!
  • 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.
    • What do you find interesting about what you did?
    • How did coding it make the final product different from using software?
    • Did coding it reveal something to you?
  • 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
  • Random Word Scramble | Text Samples
  • Count Words
  • Are pop lyrics getting more repetitive?

• READ AND WATCH:

  • Before you read: Spend some time looking at the Random Word Scramble and try and formulate your own theory about how to improve the algorithm to be better at generating "sensical" sequences of words.

  • Read Machines Beat Humans on a Reading Test. But Do They Understand?

    • What does it mean to understand something?
      • Highlight 1 thing you understand.
      • And 1 thing you don't understand.
      • Don't repeat what others have highlighted.

  • Optional: What is a transformer?

  • 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 Maker
      • 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
    • It's a hard rain a gonna fallin'
    • 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.
    • If you use noise() or random(), use noiseSeed(0) and randomSeed(0) so you generate the same series of numbers each time you run the sketch.
    • If the change happens through user interaction, plan out the interaction ahead of time so the change is both intentional and repeatable. We will experience each project 2x.
  • Ideas for what you could do:
    • Design a melody using this process and figure out an algorithmic way to generate it. Build the melody using your own scale with custom pitch ratios: More about scales.
    • Synthesize sound to play with timbre like in this project from 2024. Design a set of frequencies with the oscillator and/or make use of p5 Sound's post-processing features: Delay, Filter, Reverb, Convolver etc.
    • 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.
    • DON'T DJ If you use sound files, manipulate it computationally. Design an algorithm to play from different cue points.

• READ AND WATCH:

  • 3 Tutorial Videos for Text Manipulation

Homework Links

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

---

Week 10

• RESOURCES FROM CLASS:

  • Sound Part 1 | p5.sound Reference
  • DO RE MI FA SOL LA TI DO: Scale Ratios
  • p5.SoundFile | Drum Samples
  • Mic p5.FFT()
  • Interactive p5.Oscillator() - Hearing Test
  • Oscillator Melodies: Outerspace v. In The Woods

• DO:

  • Complete this worksheet.
  • Listen to Do-A-Deer and then 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 piece of music where music is any organization of sound with the capacity for narrative. 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. What is the narrative? (Can be abstract.)
    • 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?
  • Reflection: Come to class prepared to talk about: What are the parameters of music discussed in the Notes and Neurons panel?
  • 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
  • Slit-scan
  • Slit-scan video
  • Time Delay
  • Color Theory Examples

• DO:

  • Work in pairs. Due next week. Manipulate an image or video at the pixel level* to create an alternative reality to the one depicted in the original image. No sound. The image should change over the course of the minute. What is revealed? What is lost? Use the properties of color to focus our attention.
  • Demo your experience in class:
    • If you use noise() or random(), use noiseSeed(0) and randomSeed(0) so you generate the same series of numbers each time you run the sketch.
    • If the change happens through user interaction, plan out the interaction ahead of time so the change is both intentional and repeatable. We will experience each project 2x.
    • Use the p5 editor's fullscreen link to show your project fullscreen. You can access it through the File >> Share menu.
    • 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.
    • Look at Rothko's Cat for sample code.
  • Create a blog post documenting your work. Address / include the following:
    • Choose 3 words to describe how the image changes over time. Think about how the words answer the questions: What is revealed, what is lost?
    • 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)

---

Week 8

• RESOURCES FROM CLASS:

  • Pixels Part 1 | Cheatsheet
  • All the ways to work with images
  • Red to white canvas, point() | Random to white canvas, pixels[] | Red to white canvas, createImage()
  • Erased Cat | Copy + Erased Cat
  • Pixelated cat with get(x,y)
  • Converting x,y to i
  • Slow pixelated video mirror with get() | Faster version with pixels[] array
  • HSB background | 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 to the reality depicted in the source image. Describe your source image with 3 keywords. Describe your alternative reality with 3 keywords. Emphasize how they are different. 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
  • Introduction to Neural Networks and Pixel Analysis (20 minutes, but be prepared to spend an hour. Don't try to watch on 2x speed.)

---

Prep for Week 8

READ / WATCH

• Videos: Images/Video 11.1-11.8 - Focus on videos 11.1 and 11.3 (~25 minutes)
• Chapter 7 in Getting Started with P5.js through Ex 7-9 | Code
• p5VideoKit for Video Mixing Effects
• Full Resources