Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Play with Code: The Joy of p5.js

Play with Code: The Joy of p5.js

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

C8eedb2bca5728f0f73294b5b5a0222e?s=128

Carol Willing
PRO

January 30, 2021
Tweet

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

  6. None
  7. None
  8. None
  9. None
  10. None
  11. None
  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

  28. None
  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.