Skip to content
hellonun edited this page Dec 16, 2024 · 57 revisions
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 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 13 Notes: Text and Data

Week 14: Final Presentation

  • CLASS RESPONSE
  • DO: Post your documentation by Friday, December 13 12PM

Week 13: Text and Data

Resources from class:

Assignment:

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

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

Julia & Sofia -- Blog Post, Among Space

Alyssa -- PCOMP & ICM Final - The Sinetactophone

Julia K -- blog, AIC API

Jin - Veinsight

Rachel - Sounds of Ten

Ian - ICM Final

Billy - Moodbox: The Mood Picking Jukebox Moodbox ICM Finals

Ray - Finals

Week 12: Text and Type

Resources from class:

Assignment:

Week 11: Sound II

Resources from class:

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:

Homework Links

Week 10: Sound I

Resources from class:

Assignment:

Week 9: Pixels

Resources from class:

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:

Homework Links

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

Week 8: Images and Videos

Resources from class:

Assignments: