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
- Reference the P5js CDN within a script tag.
- 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.
Return to Conted Index
Return to Root README