Tutorials and References - ml5js/Intro-ML-Arts-IMA-F24 GitHub Wiki

p5.js review

• Code! Programming with p5.js playlist

p5.js Sound

• p5.js Sound Library Reference

map() and lerp()

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

p5 Sound

• 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.

Teachable Machine

• Teachable Machine by Daniel Shiffman

Machine Learning

• Beginners Guide to Machine Learning in JavaScript by Daniel Shiffman
• Intelligence and Learning by Daniel Shiffman

Neural Networks

• 10: Neural Networks - The Nature of Code by Daniel Shiffman
• Neural Networks by 3Blue1Brown