Play with Code: The Joy of p5.js

Presented at Playfest 2021 with Amanda Casari. Try: editor.p5js.org

Transcript

1. PLAY WITH CODE: THE JOY OF P5.JS PlayFest 2021
2. HELLO, I’M CAROL ➤ I love playing and creating with code. ➤ Ooh...cool. How did you make this? ➤ What happens if... ➤ I wonder if I can break it. ➤ People before code - always ➤ Learn, Build, Share - Openly
3. HELLO, I’M AMANDA ➤ I love creating and exploring the world with code. ➤ If possible, I choose to f i x. ➤ Stop. Breathe. Examine. ➤ So many connections! ➤ So many possible spaces! ➤ Ephemeral >> permanent ➤ Expression >> expert
4. ➤ Intros ➤ Why ➤ Connect to the Real World ➤ Play with p5.js ➤ Celebrate creations ➤ Share with friends and family
5. Joy. Exploration. Con f i dence. WHY P5.JS
12. Joy Buolamwini - “Poet of Code”
13. PLAY WITH P5.JS Exploration and Possibilities
14. P5.JS ➤ No installation required. Web Based IDE ➤ Lots of examples. Try it, change it, explore. ➤ Great documentation. Translations. Accessible. ➤ Appeals to the Senses ➤ Choose your own adventure. Empower the learner. ➤ Share it with friends editor.p5js.org
15. YES, YOU CAN... ➤ Set up / prep ➤ Production ➤ Clean up ➤ Parties ➤ Plays ➤ Cooking ➤ Writing ➤ and more... editor.p5js.org
16. Choice, confidence, engagement...PLAY
17. LET'S PLAY ➤ Interact ➤ Appealing ➤ Visual ➤ Sound ➤ Motion ➤ Individual - explore at your pace ➤ Excitement editor.p5js.org thecodingtrain.com
18. editor.p5js.org/p5/sketches/interaction:_kaleidoscope Kaleidoscope
19. Wavemaker editor.p5js.org/p5/sketches/interaction:_wavemaker
20. Orbit Control https: / / editor.p5js.org/p5/sketches/3D : _orbit_control
21. editor.p5js.org/p5/sketches/simulate:_penrose_tiles Penrose Tiles
22. PLAY WITH P5.JS editor.p5js.org https: / / editor.p5js.org/willingc/collections/GI3_u3qH0
23. FOUNDATION MOTIVATION CONNECTION p5.js opens a world of possibilities
24. jupyter.org
25. p5-notebook.now.sh
26. google doodle
27. magenta.tensorflow.org
29. editor.p5js.org/ml5/sketches/XCFPKqlKrt
30. magic - sketchpad.glitch.me
31. magenta.tensorflow.org/nsynth - instrument
32. magenta.tensorflow.org/nsynth - instrument
33. PLAY WITH MAGENTA magenta.tensorflow.org magic - sketchpad.glitch.me ml5js.org editor.p5js.org/ml5/sketches
34. Thanks for sharing the joy of p5.js with us.