p5 resources

p5.js review

• Learning While Making p5.js with Lauren McCarthy
• Introducing the p5.js web editor!
• p5.js web editor with Cassie Tarakajian
• Code! Programming with p5.js playlist

map() and lerp()

• map() video tutorial
• lerp() video tutorial

p5 Sound

• p5 sound reference
• p5 sound video tutorials

HTML / CSS / p5.dom.js

• Tutorial: Beyond the Canvas, using p5.dom
• Tutorial: Intro to HTML/CSS basics
• Mozilla: Introduction to HTML
• Mozilla: CSS Basics
• p5 DOM library reference
• CSS Reference
• Coding Train Video Tutorials

JSON

• p5.js JSON wiki
• What is JSON Part 1 Video Tutorial
• What is JSON Part 2 Video Tutorial

Working outside the p5.js web editor

• Local Server for p5.js Wiki
• Coding Train 2018 Workflow Videos

HTTP Requests

• Julia Evans' HTTP Zine
• p5 httpPost() reference
• Coding Train httpPost() video - this is part of a project that involves writing your own node server. In this case RunwayML is our server! I've linked to the timecode that focuses on p5's httpPost() method.
• Coding Train Post with fetch() video - this part of another project and shows how to create a post request without p5.js in case you are curious.

base64 encoding

• Base64
• HTMLCanvasElement.toDatalURL() reference
• Coding Train video about base64 encoding -- this is also from another project but covers base64 encoding of p5 canvas images.