Jon Rumsey

An online markdown blog and knowledge repository.

---

Project maintained by nojronatron Hosted on GitHub Pages — Theme by mattgraham

Coding with P5

VSCode Interviews Dan Shiffman

Host: Olivia Guzzardo @OliviaGuzzardo

Presenter/Guest: Daniel Shiffman @shiffman

• university instructor at NYU (ITP/IMA).
• publishes online coding tutorials.
• mostly geared toward beginners.
• producing content for ~10 years.
• Tools: P5.js p5js.org by The Processing Foundation which is built on top of Java and JS.
• The Coding Train: Dan's website with tutorials, challenges, link to a Discord server, etc.
• Book: Nature of Code (2nd Edition)

"Express yourself through code"

How To Use P5 With VSCode

1. Reference the P5js CDN within a script tag.
2. Also reference a local js file (e.g. scetch.js) in a separate script tag.

About P5 With VSCode

• The draw loop: Continuously draws the page based on inputs within the draw() function.
• Install LivePreview Extension to see immediate results (P5js just runs as a webapp).
• P5 focuses on Accessibility e.g. Describe() enables visual representations of what is happening on-screen.
• Changing the visual design in P5 is really a matter of selecting a different vector object. Dan's example was changing circles to text.

Footer

Return to Conted Index

Return to Root README