p5.js Courses and Certifications

Coding Train

Bouncing DVD Logo and Fluid Simulation

Explore coding challenges: create a bouncing DVD logo and simulate fluid dynamics. Learn Processing, p5.js, and dive into advanced topics like laminar flow and turbulence.

• YouTube
• 3 hours 32 minutes
• On-Demand
• Free Video

Coding Train

Coding for Total Beginners with P5.JS - Snake Game Redux

Comprehensive beginner's guide to p5.js, covering basics from web editor setup to advanced game development, with hands-on tutorials and practical coding examples.

• YouTube
• 3 hours 30 minutes
• On-Demand
• Free Video

Coding Train

Shapes and Drawing - p5.js Tutorial

Learn to create shapes and drawings in p5.js, exploring coordinate systems, basic shapes, and drawing functions. Gain hands-on experience with practical coding examples and assignments.

• YouTube
• 26 minutes
• On-Demand
• Free Video

Coding Train

Cube Wave by Bees and Bombs

Learn to recreate a mesmerizing 3D cube wave animation using p5.js and WebGL. Explore oscillation, 3D rendering, and perspective techniques to bring this hypnotic visual effect to life.

• YouTube
• 30 minutes
• On-Demand
• Free Video

Coding Train

More WebGL with p5.js

Explore advanced WebGL techniques in p5.js, including textures, 3D models, custom shapes, and a coding challenge on 3D knots. Enhance your skills in creative coding and interactive graphics.

• YouTube
• 2 hours 9 minutes
• On-Demand
• Free Video

Coding Train

Chatbots with p5.Speech, More OOP in JS & Universal Paperclips

Explore chatbots, OOP in JavaScript, and p5.Speech library. Learn object interaction, array manipulation, text-to-speech, and speech recognition for interactive coding projects.

• YouTube
• 3 hours 24 minutes
• On-Demand
• Free Video

Coding Train

Sound in P5.JS Continued

Explore advanced p5.js sound features: microphone input, volume visualization, FFT analysis, and sound-responsive sketches. Includes practical demonstrations and Q&A on integrating p5.js with web pages.

• YouTube
• 2 hours 48 minutes
• On-Demand
• Free Video

Coding Train

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.

• YouTube
• 2 hours 15 minutes
• On-Demand
• Free Video

Coding Train

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.

• YouTube
• 2 hours 31 minutes
• On-Demand
• Free Video

Visual Studio Code

Creative Coding with P5.JS in Visual Studio Code

Explore creative coding with p5.js in VS Code, featuring Daniel Shiffman's workflow, examples, and insights from his upcoming Nature of Code book. Learn to develop interactive visuals and simulations.

• YouTube
• 1 hour 6 minutes
• On-Demand
• Free Video

Expand your p5.js skills by incorporating images, videos, and webcam feeds. Learn to manipulate pixels and create interactive visual experiences using media assets.

• Codecademy
• 2 hours
• On-Demand
• Free Trial Available

Add interactivity to p5.js sketches using mouse and keyboard functions. Learn to track mouse position, trigger animations based on events, and create dynamic visual elements.

• Codecademy
• 2 hours
• On-Demand
• Free Trial Available

Coding Train

Soft Body Physics

Learn to create a soft body physics simulation for a character using toxiclibs.js and p5.js. Explore verlet physics, springs, and object-oriented programming to bring squishy characters to life in your web projects.

• YouTube
• 29 minutes
• On-Demand
• 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
• On-Demand
• 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
• On-Demand
• Free Video