• p5.js, p5.dom.js, and p5.sound.js example
• p5 examples

• Funktronic Labs
• Eddie Lee’s Portfolio

• p5.js
• p5.js with Gibber Example

• Tone.js and Examples

Final Project Proposal Due 11/19

Deliverable: 1-2 page final project proposal containing the following:

1. 1-2 Paragraphs addressing technical requirements, challenges, and goals.
2. 1-2 Paragraphs addressing aesthetic requirements, challenges, and goals.
3. At least 2 technical or aesthetic references / sources of inspiration.
4. Diagram outlining your creation from input to mapping to medium to final result.

Please refer to the above image that outlines the questions that should be answered in each paragraph and provides example diagrams.

Curtis Roads – “pioneer of granular synthesis”

Code Examples

• Review: Gibber_AV_Mapping
• Gibber Sampling, Looping, Audio Input Tutorial
• gibber.lib.js Sample Player
• Granular_Drums
• Gibber_FFT

Final Project Initial Ideas (due 11/5)

• Please send me an email with your initial ideas for a final project. I will provide individualized feedback that will help guide the scope of your project and the technologies you will need to explore. In general, final projects are expected to exist on the web using gibber.lib.js and JavaScript, but exceptions may be made depending on your goals and requirements. A formal, detailed final project proposal will be due on 11/14. The initial idea(s) you submit at this point can be rough, but should at the very least include the following information within 1-2 paragraphs:
  1. What do you want to make? An instrument, sonification, visualization, audiovisual composition, music, audio-reacive graphics, interactive website, mobile app, something else?
  2. How will it be controlled? Will your project be interactive or precomposed? If interactive, how will the audience control your sound and/or graphics? If composed, what rules or ideas will determine the composition (what musical style or data could drive the work)?
  3. How could it work? We can use Gibber for audio and graphics, and we have reviewed some means of GUI and mobile control. What other abilities for sound/graphics/control/data might you need to realize your ideal project?

Programming Project (due 11/11) (Office hours 1-3 Tuesday due to the holiday)

Add at least 3 separate means of GUI, multitouch, or mobile sensor control to your second project (or an entirely new Gibber project if you wish). You may use any of the following elements of control:

• Button
• Slider (range)
• Check Box
• Number Inputs
• Accelerometer/Motion X
• Accelerometer/Motion Y
• Accelerometer/Motion Z
• Gyro/Orientation Roll/Alpha
• Gyro/Orientation Pitch/Beta
• Gyro/Orientation Yaw/Gamma
• Compass Heading
• Touch

You can use multiple buttons, sliders, etc., but please use at least 3 different means of control (so not just 3 buttons or 2 sliders and 1 numerical input, for example). Your control can be completely GUI based, completely sensor based, or any combination of the above elements. Your implementation should be unique and not directly copy the class examples, meaning, for example, a slider controlling master volume, or a mute button will not count. Please find something unique to your project to control. There is no reading response due this week , but please review the Lecture 8 and 9 readings as needed.

 Your project should be viewable online at http://art102.com/Name/Project3

Common solutions to gibber.lib.js problems:

• Check your browser’s javascript console – it will often point out errors in your .html or .js files and tell you the line number. Sometimes there will be a small arrow that you can click to expand the problems and trace them back to your files.
• Try replacing gibber.lib.js with latest version.
  • Either copy the version from http://art102.com/latestGibber into your directory
  • Or use this tag to include Gibber from a directory I will keep updated with the latest version: <script src=’http://www.art102.com/latestGibber/gibber.lib.js’></script>

Send me an email if you need help!