Homework Nun 07

Useful links
- Syllabus first half - Syllabus second half - Video lecture on Coding Train - Class resources and assignments - p5.js Web Editor - p5.js References - Office hours (Nun)

Class notes
- Week 1 Notes: Drawing - Week 2 Notes: Animation - Week 3 Notes: Conditional Logic - Week 4 Notes: Loops - Week 5 Notes: Functions - Week 6 Notes: Arrays and Objects - Week 7 Notes: HTML / CSS / DOM - Week 8 Notes: Images and Videos - Week 9 Notes: Pixels - Week 10 Notes: Sound I - Week 11 Notes: Sound II - Week 12 Notes: Text and Type

---

Week 11: Text and Type

Resources from class:

• CLASS NOTES

Assignment:

• DO:
  • Complete the last worksheet.
  • Start gathering questions, code samples and source material (images, sounds, colors, text) for your final project.
    • Your final project! 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.
• WATCH:
  • Tutorials on how to get data from web services (90 minutes)
    • Watch 10.1-10.5 and 10.8-10.9
    • More resources
  • Teachable Machine: Image Classification (20 minutes)
  • (extra) ml5.js LANDMARK DETECTION

Week 11: Sound II

Resources from class:

• CLASS NOTES

Assignment:

• DO:

  • Work in pairs. Due next Monday. 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

• Sammy & Rachel -- Mechanical Orchestra

• Julia -- bitforest, blog

• Billy & Ray -- Synthxiety | Blog

• Julia & Jin Aaah| Blog

• Alyssa & Ian Algorithmic House Music, Blog

• Yilin & Sofia Rhythm in Pose, blog

Week 10: Sound I

Resources from class:

• CLASS NOTES

Assignment:

• 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?
  • 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: Pixels

Resources from class:

• CLASS NOTES

Assignments:

• DO: Complete this WORKSHEET

• DO:

  • Work in pairs. Due Monday 11/11. 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.
    • 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

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

• Jin & Billy: ON VACATION
• Billy Blog: Blog
• Jin Blog: Blog
• Alyssa & Ian: BLOG, PIXEL ME
• Ray & Sammy, Rammy
• Yilin & Sofia, Pixel Blog, Ghost Dance, Ghost Dance, with frameRate
• Rachel Blog, POSTE, Banknote
• Julia + Julia Melt, BLOG

Week 8: Images and Videos

Resources from class:

• CLASS NOTES

Assignments:

• DO:

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

  • Review curriculum material for next week.
  • 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?"
  • 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 watch on 2x speed.)