Code! Programming with P5.js
Learn JavaScript programming fundamentals using p5.js, a creative computing environment for visual displays. Ideal for beginners, covering variables, conditionals, loops, functions, and object-oriented programming.
The Nature of Code
Explore simulations of natural systems using JavaScript and p5.js, covering physics, trigonometry, self-organization, genetic algorithms, and neural networks.
Pi Revealed in a Pile of Toothpicks
Discover how dropping toothpicks can approximate pi in this coding simulation. Learn about Buffon's Needle problem, probability density functions, and implement the experiment using p5.js.
Image Classification with ml5.js - MobileNet and Custom Models
Dive into image classification using ml5.js 1.0 in this comprehensive 32-minute video tutorial by Coding Train. Learn to implement both the default MobileNet model and train your own classifier using transfer learning and Teachable Machine. Explore the f…
Pose Estimation with ml5.js - Body Tracking and Skeleton Visualization
Explore pose estimation using ml5.js, learning to track body keypoints and visualize skeleton connections with MoveNet and BlazePose models through hands-on coding examples and creative applications.
Networking Agar.io and the History of P5.js - Processing
Explore the history of p5.js/Processing and learn to implement real-time multiplayer features in an Agar.io-like game. Discover techniques for creating blobby/wobbly circles in p5.js.
Loading Animation, Metaballs and 2D Arrays in JS
Explore loading animations, metaballs, and multi-dimensional arrays in JavaScript with hands-on coding examples and in-depth explanations for creative programming projects.
WebGL and Improved Blob Detection
Explore WebGL in p5.js and enhance blob detection techniques in computer vision. Gain insights through Q&A sessions and practical demonstrations for improved coding skills.
Computer Vision and Fireworks
Explore computer vision in Processing, covering color tracking, motion detection, and blob detection. Learn to create a fireworks generator in p5.js. Hands-on coding and live demonstrations included.
3D Supershapes and Spherical Geometry
Explore 3D Supershapes and spherical geometry in Processing and p5.js. Learn to create spheres, generate 3D Supershapes, and transpose them to web browsers using WebGL.
Perlin Noise and Flow Fields
Explore Perlin noise and flow fields in p5.js. Learn to create, visualize, and apply 2D Perlin noise, with practical examples and in-depth explanations of key concepts and techniques.
Sound Synthesis, Envelope and Supershapes
Explore sound synthesis, envelopes, and supershapes in p5.js. Learn to create unique audio-visual experiences through hands-on coding demonstrations and practical examples.
GitHub Pages, 3D Fractal Trees and Superellipse
Explore 3D fractal trees, GitHub Pages for hosting, and superellipses in this coding livestream. Learn algorithmic botany techniques and web development skills while diving into creative coding projects.
The Snake Game
Learn to code the classic Snake game using p5.js, covering object creation, controls, game mechanics, and debugging techniques in this hands-on tutorial.
Git and GitHub Tutorial and the Snake Game
Learn to code a Snake game in p5.js and master Git and GitHub basics, including repositories, commits, and branches, in this comprehensive tutorial for beginners and intermediate coders.
Creating Real-Time Shared Canvas with WebSockets
Learn to create a real-time collaborative drawing canvas using p5.js and WebSockets. Explore Node.js, Express.js, and Socket.io while building an interactive, multi-user web application.
Processing and p5.js - Slit-Scan and Seriously.js
Explore slit-scan effects and Seriously.js video library in Processing and p5.js. Learn to create unique visual effects and enhance your coding skills in creative programming.
Hamilton Lottery Simulator - Probability and DOM
Build a Hamilton Tickets Lottery Simulator using p5.js, exploring probability concepts and dynamic DOM manipulation. Learn to simulate real-world scenarios and create interactive web applications.
Wave Function Collapse
Explore the Wave Function Collapse algorithm for procedural image generation through live coding sessions. Learn implementation, refactoring, and handling asymmetrical tiles in JavaScript with p5.js.
The Monty Hall Problem
Explore the Monty Hall Problem through JavaScript and p5.js, learning probability concepts, DOM manipulation, and coding techniques while building an interactive simulation.
Slide Puzzle in JavaScript
Learn to create an interactive slide puzzle game using p5.js, featuring image splitting, tile shuffling, and user interaction. Gain hands-on experience with arrays, loops, and game logic.