Homework Mimi 01

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. What do you find interesting about what you did? How did coding it make it different than if you had just used software? (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

• Marven Ma -- The blog, Harmonic spiral
• Luna Park -- Blog, Kaleidoscope with Pixel Manipulation
• Will Xuan -- BLOG, STAY QUIET
• DJ Kim -- PRESENTATION, SYNTHETIC LIVE STREAM !
• Yafira Martinez -- cosmic sound garden, blog post
• Ping Lin -- Blog Post , Moving Sound
• Beverly Yip -- Blog Post , Fortune Telling Wizard
• Audrey Oh -- Blog Post, Tracking Judy
• Alanna Okun -- Blog Post, Colorwork Pixel Chart Processor
• Robert Meares -- Particles
• Ranjani --Touch Grass, BlogPost,Presentation
• Chris Toh -- Blog Post, Big Bad Wolf
• Amelia Yang -- Constellation
• Jinnie Shim -- Blog Post,circle webcam
• Jiyou Park -- Cute be SPECIAL
• Nasif Rincón Romaite -- Blog Post
• MJ Zhou -- Date Calendar

Week 12

• RESOURCES FROM CLASS:

  • Text
  • String documentation
  • Regular Expression Builder
  • Display Strings
  • Random Word Scramble | Text Samples
  • Count Words

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

  • 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.
    • 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.
    • Don't simply mix existing sound files together. Discover something that you can't do using audio software by designing your own algorithm.

• READ AND WATCH:

  • 3 Tutorial Videos for Text Manipulation

Homework Links

• Audrey Oh & Nasif Rincón Romaite -- Blog Post, Sketch: A Digital Pitying
• Will & Jiyou -- Sound Sketch with Bell, Dog, and Cat, Will's Blog, Jiyou's Blog
• Amelia, Ranjani & Robert -- Sketch: The Persistence of Memory Blog Post
• Beverly & Luna -- Time to Party | Blog
• Chris & Jinnie -- Chris's Blog Post, Jinnie's Blog Post, Sound Sketch
• Yafira Martinez & Ping Lin -- Sketch: Ambient Glitchscape, Blog Post
• DJ & Marven -- Sketch: Loop Station Performance, Sketch: C Major Wave piano, DJ Blog Post, Marven Blog Post
• MJ & Alanna -- Sketch: Spoken Rhythms, Blog Post

---

Week 10

• RESOURCES FROM CLASS:

  • Archived Sound Reference
  • Sound Part 1
  • p5.SoundFile | Drum Samples
  • Mic p5.FFT()
  • Interactive p5.Oscillator() - Hearing Test
  • Video / Listening Examples
    • Do-A-Deer

• 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. If you're unfamiliar with the scale, listen to Do-A-Deer to prime your brain.

• 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*. 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 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 2-5 words to describe how the image changes over time. Think about how the words answer the questions: What is 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

• Yafira Martinez & Beverly Yip -- Blog Post: Digital Metamorphosis: Transforming Van Gogh’s Starry Night, Blog Post On Creating The Different Effects, Sketch: Manipulating Starry Night | Fullscreen

• Alanna Okun & Ranjani Ramakrishnan -- Blog Post Week #9, Sketch Week #9 | Fullscreen

• Amelia Yang & Will Xuan -- Blog Post 1, Blog Post 2, Sketch(CMYK), Sketch(RGB), Fullscreen(CMYK), Fullscreen(RGB)

• Chris Toh & Nasif Rincón Romaite -- Nasif's Blog Post, Chris's Blog Post, Sketch (Editor), Sketch (Fullscreen)

• JiYou Park & Marven Ma -- Marv blog, JiYou blog,Emoemoemoji, Emoooooji, Fullscreen(Emoemoemoji)

• Ping Lin & Luna Park & Audrey Oh -- Group Blog Post , Sketch , Full Screen

• DJ & MJ -- Blog Post, Project_1, Project_2, Project_3

• Jinnie Shim & Robert Meares -- ICM Assignment 08-09, symbiosiS

---

Week 8

• RESOURCES FROM CLASS:

  • Pixels Part 1 | Cheatsheet
  • All the ways to work with images
  • Red canvas, pixel-by-pixel
  • Copy + Erased Cat
  • 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
  • Introduction to Neural Networks and Pixel Analysis (20 minutes, but be prepared to spend an hour. Don't try to watch on 2x speed.)