p5.js Courses and Certifications

Coding Train

New p5.js 2.0 Functions - textWeight, textContours, textModel

Explore three new p5.js 2.0 functions for advanced text manipulation: textWeight for font styling, textContours for shape extraction, and textModel for 3D text rendering.

• YouTube
• 2 hours 37 minutes
• Self-Paced
• Free Video

echohive

Creating Animated Art with Math Using P5.JS

Discover how to create stunning animated art by combining mathematical concepts with P5.JS programming in this hands-on tutorial.

• YouTube
• 10 minutes
• Self-Paced
• Free Video

Coding Train

Code! Programming with P5.js

1 rating

Learn JavaScript fundamentals through p5.js by creating interactive drawings with variables, loops, objects, arrays, and mouse interaction.

• YouTube
• 7 hours
• Self-Paced
• Free Video

Coding Train

Slide Puzzle in JavaScript

1 rating

Build a playable image slide puzzle in p5.js using tiled images, arrays, shuffling, mouse interaction, and solve detection.

• YouTube
• 27 minutes
• Self-Paced
• Free Video

Coding Train

The Monty Hall Problem

Explore the Monty Hall problem by coding an interactive JavaScript simulation with p5.js and connecting its results to Bayes’ theorem.

• YouTube
• 32 minutes
• Self-Paced
• Free Video

Coding Train

Self-Avoiding Walk

Visualize a self-avoiding walk in JavaScript with p5.js, then use backtracking to search for a space-filling path.

• YouTube
• 38 minutes
• Self-Paced
• Free Video

Coding Train

Coding Challenge - 2D Raycasting

Build a basic 2D raycasting engine in JavaScript, using vectors, line intersections, and collision detection to simulate light and shadows.

• YouTube
• 36 minutes
• Self-Paced
• Free Video

Coding Train

Cube Wave by Bees and Bombs

Recreate a geometric 3D cube wave in p5.js using oscillation, WebGL rendering, perspective, and offsets.

• YouTube
• 30 minutes
• Self-Paced
• Free Video

Coding Train

Topics of JavaScript ES6-ES8 - p5.js Tutorial

Master modern JavaScript features from ES6-ES8 including arrow functions, promises, async/await, array methods, classes, and inheritance through hands-on p5.js examples.

• YouTube
• 4 hours 21 minutes
• Self-Paced
• Free Video

Processing Foundation

The Nature of Code

14 ratings

Simulate nature in software: code vectors, forces, steering behaviors, fractals, cellular automata, and genetic algorithms as object-oriented p5.js sketches.

• Kadenze
• 30 hours
• Self-Paced
• Free Online Course

Coding Train

Spring Forces

Model Hooke’s law in p5.js, progressing from a one-dimensional spring to vector-based particle systems and soft-body simulations.

• YouTube
• 33 minutes
• Self-Paced
• Free Video

Coding Train

Peeking Inside Pi

Build a p5.js and Node.js web app that searches a billion digits of Pi using streamed file data and a simple API.

• YouTube
• 31 minutes
• Self-Paced
• Free Video

Coding Train

Coding Challenge: Dragon Curve Fractal Animation

Learn to animate the Dragon Curve fractal using p5.js. Explore the algorithm, implement rotation and scaling, and create a mesmerizing visualization of this complex mathematical pattern.

• YouTube
• 31 minutes
• Self-Paced
• Free Video

Coding Train

Building a Nature of Code 404 Page

Aprenda a criar uma página 404 interativa usando p5.js, explorando conceitos de The Nature of Code como comportamentos de direção e interação do mouse.

• YouTube
• 1 hour 45 minutes
• Self-Paced
• Free Video

Coding Train

Visualizing Climate Data

Build an animated climate spiral in p5.js by loading NASA temperature data, mapping anomalies to polar coordinates, and coloring the changing pattern.

• YouTube
• 41 minutes
• Self-Paced
• Free Video