https://editor.p5js.org/jonfroehlich/present/3J-uyZ8O6

The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://goo.gl/7K7WLu
t.Context @ p5.sound.min.js:24
(anonymous) @ p5.sound.min.js:24
(anonymous) @ p5.sound.min.js:24
(anonymous) @ p5.sound.min.js:24
(anonymous) @ p5.sound.min.js:24

This is, I think, related to Google's policy about not allowing sound (output or evidently input) without a specific gesture (link) as also discussed here: https://github.com/processing/p5.js-website/issues/396.

As a temporary fix, I went into console and wrote: getAudioContext().resume()

Some potential TODOs for p5js examples to show in class.

Basic Game Examples

• Bring flappy bird into github
• Bring Snakes into github
• Make a two-player pong? Probably a good idea to demo w, a, s, d mapping and up, down, left, right mapping
• Make a basic side scroller demo?
• Make basic scene generator?
• Make the old Atari joust game (back and forth input plus flapping (spacebar)). https://en.wikipedia.org/wiki/Joust_(video_game)

Body and Sound Input Demos

• Sound: Bring FFT playground over from p5js editor (https://editor.p5js.org/jonfroehlich/present/3J-uyZ8O6) and make a game version (try to get the ball into a hole or basket?)
• Sound: make scrolling landscapes based on fft
• Video (PoseNet): Make a game version. Maybe bounce ball off of the nose?
• Video (PoseNet): Make basic bubble popping game, like: https://youtu.be/iRH2ny9qsFc?t=83 or https://scratch.mit.edu/projects/39439644/

Input Control Demos

• Sound: Use pitch to control left, right, up, and down (for games like Snake)
• Sound: Use sound amplitude (one dimensional input) to control flappy bird
• Video: break screen into a quadrant. Depending on where there is the most movement in the four quadrants, map to left, right, up, and down