Coding Train Courses

Shapes and Drawing - p5.js Tutorial

Learn to draw with p5.js by using canvas coordinates, function parameters, and 2D shape primitives to build an original sketch.

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

Double Pendulum

Build a Processing simulation of a double pendulum, trace its chaotic motion, visualize the path, and experiment with damping and physical parameters.

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

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

3D on Apple II

Build a 3D graphics engine in AppleSoft BASIC that renders and rotates a cube on an Apple II+.

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

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

Soft Body Physics

Build a squishy character simulation with springs, gravity, and inheritance using toxiclibs.js and p5.js.

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

Exploring Transformers.js Embeddings and Other Updates

Dive into Transformers.js embeddings, explore Turing Tumble game mechanics, and discover updates on coding projects and educational content in this comprehensive session.

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

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

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

Introduction to ml5.js 1.0 and FaceMesh Model - Guest Conductor Patt Vira

Explore ml5.js 1.0, learn FaceMesh model usage, and create a kinetic type visualization controlled by mouth movements with guest conductor Patt Vira in this hands-on tutorial.

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

Implementing Elastic Collisions in JavaScript - Coding Challenge 184

Learn to implement elastic collisions in p5.js without a physics library. Explore the math behind circle collisions and create a JavaScript simulation, supplementing the Nature of Code book series.

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

Apollonian Gasket Coding Challenge - Creating Fractal Circle Patterns

Learn to create an Apollonian Gasket using Descartes Circle Theorem and complex numbers. Explore circle packing, curvature, and recursive algorithms in this coding challenge celebrating Pi Day.

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

ShiffBot and Gemini API Integration with Node.js and p5.js - Coding Train Livestream

Explore ShiffBot, showcase reviews, and create a Node.js and p5.js example for the Gemini API. Learn about AI-powered tools and practical coding applications in this interactive session.

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

Creating a Discord Bot with JavaScript and Discord.js

Step-by-step guide to creating a Discord bot using Discord.js in Node.js. Learn authentication, slash commands, and bot interaction for a fun "Choo Choo" bot.

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

Creative Coding for Beginners - Full Course

Learn to create art and animations with code using Processing. Covers drawing, variables, conditionals, loops, arrays, functions, and object-oriented programming. Includes hands-on projects and interactive examples.

• YouTube
• 5 hours 6 minutes
• Self-Paced
• Free Video