Happy Pi Day! How many delicious digits of Pi can you catch from the sky?

It’s the Mandelbulb! What happens when you take the original fractal (The Mandelbrot Set) and extend it into 3D space? And how do you visualize it in Processing (Java) as a point cloud?

Why do prime numbers show up as diagonals in a spiral? In this video, I create a visualization in JavaScript (p5.js) of the Ulam Spiral (aka Prime Spiral) named for Polish Mathematician Stanislav Ulan.

Let’s make ASCII art in p5.js together! In this video, I demonstrate a variety of techniques for translating the pixels of an image into ASCII characters and finish with rendering video as texts in a DOM element.

Let’s make a slide puzzle in p5.js together! We’ll be using images, nested loops, and arrays, and by the end of our journey, we’ll have a fully playable game!

In this video I explore the wonders of the copy() function in the creative coding platform Processing, simulating slit-scan photography and bending time itself! This video is thanks to Tim Rodenbröker’s generous donation to The Processing Foundation!

Have you ever wanted to know more about bézier curves in p5.js? Thanks to a generous donation from Jason Oswald, I do a deep dive exploring the bézier curve function and the math behind the algorithm?

It’s finally time to attempt a Self-Avoiding Walk! In this video, I quickly visualize a simple JavaScript p5.js implementation of a self-avoiding walk. I then tackle the more complex problem of backtracking to find a solution to a space-filling self-avoiding walk.

🥧 Happy Pi Day 2021! This year I estimate the digits of π with random numbers and the probability of two integers being co-prime., I estimate the digits of Pi with random numbers and the probability of two integers being co-prime.

Boing! Time to simulate a spring force! This challenge fits into chapters 2 and 3 of the Nature of Code and demonstrates how to simulate the oscillating motion of a spring using vectors and forces.

Choo choo! In this challenge, I build on chapter 3 (Oscillating Motion) of the Nature of Code series and simulate a simple pendulum in p5.js via angular acceleration.

In this challenge, I demonstrate the entire process of training and deploying a machine learning classification model in JavaScript – data collection, model training, and prediction!

Liven up your video calls with p5.js, ml5.js, Teachable Machine, and and OBS Studio!

🥧 Happy Pi Day 2020! In this challenge, I build a simple web application using p5.js and node.js to search in the first billion digits of Pi.

Happy holidays! #SupportP5! This video shows an attempt to make a snowflake from a “kaleidoscope painting” effect.

In this challenge I take the Tic Tac Toe game from coding challenge #149 and add an AI opponent for a human player by implenenting the Minimax algorithm.

This challenge uses the pre-trained SketchRNN machine learning model (available with the ml5.js library) to create a p5.js sketch that finishes a person’s drawing.

The Ramer–Douglas–Peucker algorithm (aka “iterative end-point fit algorithm”), takes a curve composed of line segments and reduces the fidelty to a “lower fidelity” curve with fewer points.

In this challenge, I attempt to create a Ukulele tuner in JavaScript using p5.js, ml5.js and the pre-trained machine learning model CREPE: A Convolutional REpresentation for Pitch Estimation. Can you make one with a more elegant and creative interface?

In this challenge I generate rainbows using the StyleGAN Machine Learning model available in Runway ML and send the rainbows to the browser with p5.js! This challenge is based on the live coding talk from the 2019 Eyeo Festival.

This is a beginner-friendly challenge where I attempt to code a basic version of the game Tic-Tac-Toe using JavaScript and the p5.js library.

In this coding challenge, I implement the “Gift Wrapping algorithm” (aka Jarvis march) for calculating a convex hull in JavaScript. This is a foundational topic in computational geometry!

In this challenge, I attempt to make my own version of Google’s Dinosaur Game (T-Rex run!) with a unique twist – controlling the dinosaur (unicorn, in this case) with a machine learning Speech Commands model!

Building off of the previous coding challenge (2D Ray Casting) I attempt to make my own version the original Wolfenstein 3D Raycasting engine and visualize the “field of view” of the moving particle.

In this video, I implement a basic ray casting engine with line segment “surfaces” and vector “rays.” The result simulates a light source casting shadows in a 2D canvas.

Inspired by the recent image of the Powehi m87 black hole from the Event Horizon Telescope, I attempt to visualize the behavior or light (photons) following the path of spacetime around the black hole.

In this video, I implement a Quicksort algorithm in JavaScript visualize the sorting with p5.js.

In this 3rd part of the Rubik’s Cube coding challenge, I animate the rotation of the cube’s faces (front, back, left right, up, down).

In part 2 of the Rubik’s Cube challenge, I simulate rotations of the cube’s faces using matrix operations. I also refactor the code to include a separate Face class (from the Cubie class).

This is the first video in a series about simulating and solving a Rubik’s Cube in Processing (Java).

Happy belated Pi Day once more! Here I attempt to approximate Pi using a special location in the Mandelbrot set. The programming environment is Processing (Java).

In this coding challenge, I use the Leibniz formula (aka infinite series) to approximate the digits of Pi and graph the convergence.

Happy Pi Day! In this video, I attempt to compute the digits of Pi using the “collisions” method, thanks to 3Blue1Brown for the idea!

An attempt to implement the basic mechanics of Angry Birds in JavaScript using p5.js and the matter.js physics engine.

It’s groundhog day on the coding train as I demonstrate another noise loop GIF technique, this time with 4D Open Simple Noise in Processing (Java).

It’s all coming together! Here, I encapsulate the idea of a 2D “polar noise loop” into a class and loop a variety of properties of particles, recording it all into a GIF with ffmpeg.

In this challenge, I follow the path of a circle in 2D Perlin noise space in order to use noise values that loop.

In this tutorial, I demonstrate how to render a sketch into a perfect, looping GIF with Processing (Java).

And now, the heart curve as a beating, looping GIF!

Using a parametric equation from Wolfram Mathworld (and polar to cartesian coordinate transformation), I draw a heart curve in Processing (Java).

In this video, I visualize the “mathematical heart” Cardioid using times tables calculations.

In this video, I attempt to follow Mike Ash’s guide to Fluid Simulation and port Jos Stam’s “Real-Time Fluid Dynamics for Games” algorithm and code in Processing (Java).

In this coding challenge, I simulate the “Bouncing DVD Logo” meme in JavaScript with p5.js.

Fourier Transform Part 3! In this video, I pass the (x,y) coordinates of a path into the Discrete Fourier Transform algorithm as complex numbers and generate a single set of epicycles.

In this “Drawing with Fourier Transform” follow-up, I render any path drawn by the user with the mouse using the Discrete Fourier Transform algorithm and epicycles.

In this coding challenge, I implement the Discrete Fourier Transform algorithm in JavaScript and render a drawing using epicycles derived from the transform.

Snowflake Challenge #3! In this video, I draw the Koch Fractal Curve in Processing (Java).

In this holiday coding challenge, I use ml5.js and Sketch-RNN to generate snowflake drawings.

In this holiday coding challenge, I create a “Brownian Tree Snowflake” in Processing (Java). This video was recorded as part of a fundraiser for the Processing Foundation.

In this coding challenge, I implement Omar Pol’s fractal toothpick sequence.

In this coding challenge, I visualize a Fourier series for a square wave in JavaScript with p5.js.

In this coding challenge, I create a flocking simulation in JavaScript based on Craig Reynolds “boids” algorithm.

In the second part of the “Chaos Game” coding challenge, I vary the number of seed points, probability, and percentage moved to generate other fractal patterns.

In this two-part coding challenge, I implement the “Chaos Game” in the p5.js web editor. This first video uses three seed points and results in the famous Sierpinski Triangle.

The “Quick, Draw!” dataset is now available via an official Google API + web component. In this challenge follow-up, I explore drawing the doodles with p5.js in an HTML5 canvas.

In this coding challenge, I take a closer look at the Quick, Draw! dataset and create a simple node API to “replay” drawings of rainbows and cats using p5.js.

This coding challenge is a continuation of the Logo “interpreter” challenge. I refactor the code and add the “repeat” command.

In this coding challenge, I discuss turtle graphics and make a Logo Interpreter in JavaScript.

In this coding challenge, I talk about bitwise operations, and more specifically, bit shifting.

In this coding challenge, I discuss binary numbers and make an interactive binary to decimal number converter.

In Part 2 of this coding challenge, my Fractal Tree Mastodon Bot takes user input to generate a tree of a specific angle.

In this coding challenge, I create a node.js Mastodon bot that posts images (fractal trees) generated with Processing code.

In this coding challenge, I make a Seven-Segment Display with p5.js. This video is inspired by Tom Scott’s: What’s The Longest Word You Can Write With Seven-Segment Displays?.

In this Coding Challenge, I visualize a “Lissajous Curve Table” with Processing (Java).

Snake Game!? Again!? Now with the p5.js Web Editor!

In this coding challenge, I implement a “bubble sort” algorithm in Processing (Java) and sort randomly generated lines. #SortingTrain

In this coding challenge, I visualize a 4D Hypercube (aka “Tesseract”) in Processing (Java).

In this coding challenge I render a 3D object (cube) in 2D using rotation and projection matrices in Processing (Java).

In this coding challenge, I load a sprite sheet and create multiple animated sprites with the p5.js library.

In Part 2 of this coding challenge, I use the Recamán’s number sequence to create a series of musical notes, with the help of the p5.js Sound library. #CodingRecaman

In this coding challenge, I visualize the Recamán’s number sequence using the p5.js library. #CodingRecaman

Celebrating the 500,000 subscribers milestone, I create a map visualization of Coding Train subscriber locations around the world!

In this coding challenge, I visualize the Barnsley Fern fractal with Processing (Java).

In this coding challenge, inspired by Numberphile I visualize “sandpiles” with Processing (Java).

In this coding challenge, I visualize the outputs of a neural network solving XOR using TensorFlow.js.

In this challenge, I expand the linear example into polynomial regression!

In this challenge, I use the TensorFlow.js library to create an interactive demonstration of linear regression (with stochastic gradient descent!)

In this coding challenge, I implement a pixel-based “fire” algorithm using Processing (Java).

In this coding challenge, I attempt to simulate 2D water ripples using Processing (Java).

Happy Star Wars day! May the fourth be with you! In this challenge I attempt to code the iconic text scrolling/title crawl in Processing (Java).

Part 5!
Here I add a feature for saving and loading a “bird brain” model.

Part 4!
I attempt to improve the Neuroevolution Flappy Bird Coding Challenge.

In this video refine the neural network and genetic algorithm parameters as well as speed of the simulation during the training process.

Coding Challenge #100 Part 2!
Here I add the genetic algorithm.

Coding Challenge #100!

In coding challenge, I use my neural network JavaScript library to create a “color predictor.”

In part 3 of the Quadtree coding challenge, I apply the algorithm to particle system collisions and test its performance.

In part 2 of the Quadtree coding challenge, I query the data structure for points contained within a rectangular boundary.

In this coding challenge, I implement a Quadtree data structure in JavaScript and visualize it with p5.js.

In this Pi Day themed coding challenge, I use Processing (Java) to export a pdf of the first 10 million digits of Pi.

In yet another “Pi Day” coding challenge, I attempt to generate a pdf “Book of Pi” with the first 10 million digits of Pi mapped to color. Processing (Java) is used for this project.

In this second Pi Day coding challenge, I attempt to “visualize” the digits of Pi. #PiTrain

In this coding challenge, I use use a “monte carlo” method to approximate the value of Pi in Processing (Java).

In this multi-part coding challenge, I attempt to code the sliding puzzle game 2048 in JavaScript using canvas and p5.js. In part 4 of my 2048 coding challenge, I attempt but mostly fail to improve the visuals of the game, fix a bug and refactor the code a bit.

In this multi-part coding challenge, I attempt to code the sliding puzzle game 2048 in JavaScript using canvas and p5.js. In part 3, I add the score, adjust the font size and add a condition for “winning” the game.

In this multi-part coding challenge, I attempt to code the sliding puzzle game 2048 in JavaScript using canvas and p5.js. I continue the game mechanics in part 2.

In this multi-part coding challenge, I attempt to code the sliding puzzle game 2048 in JavaScript using canvas and p5.js. This first part focuses on the game mechanics.

In this coding challenge, I create a double pendulum simulation in Processing.

In this coding challenge, I use my Toy Neural Networks library to solve the XOR problem.

In this multi-part coding challenge, I attempt to create a simulation of the classic board game Snakes & Ladders (also known as Chutes and Ladders). In this third part, I add “states” in order to animate the player’s movements and help me debug.

In part 2 of this multi-part coding challenge, I add the actual snakes and ladders to my game.

In this multi-part coding challenge, I attempt to create a simulation of the classic board game Snakes & Ladders (also known as Chutes and Ladders). In this second part, I add the snakes and ladders to the game.

In this coding challenge, I attempt to implement the Floyd-Steinberg Dithering algorithm and create a “image stippling” effect on an image (kitten, of course) using Processing.

In this coding challenge, I implement Langton’s Ant in Processing.

In this special holiday season coding challenge, I attempt to create a snowfall simulation using p5.js, sprite sheets and Perlin noise wind.

In this coding challenge, I attempt to make 3D Knots using Processing and Paul Bourke’s formulae.

In this coding challenge, I attempt recreate a 3D @beesandbombs GIF with p5.js and the WebGL renderer.

In this coding challenge, I attempt to code Conway’s Game of Life cellular automata simulation in JavaScript using the p5.js library.

In this coding challenge, I attempt to make a chrome extension that looks up a selected word’s definition using the Wordnik API.

In this coding challenge, I create a Chrome Extension which adds a p5.js drawing canvas on top of any webpage you visit.

In this coding challenge, I create a chrome extension which replaces all image on a page with the picture of a kitten.

In this video, I implement another possible solution to Golan Levin’s Circle Morphing challenge (as seen here.

In this video, I implement one possible solution to Golan Levin’s Circle Morphing challenge.

This challenge is a continuation of the number guessing chatbot. In this version, I add the p5.Speech library for a voice interface.

In this coding challenge I attempt to create a chatbot that plays a number guessing game. I use the RiveScript along the JavaScript library p5.js.

In this coding challenge, I explore the concept of a simple particle system and attempt to create a smoke effect with the p5.js library.

In this coding challenge, I explore the concept of recursion to create fractal patterns in JavaScript HTML5 canvas with the p5.js library.

In this coding challenge, I attempt to create a version of the classic one-line Commodore 64 BASIC program in JavaScript using p5.js. This coding challenge is inspired by the book 10 PRINT.

In this coding challenge, I attempt to make a “Wikipedia web crawler” in JavaScript. It randomly crawls from topic to topic on Wikipedia using the API and the p5.js library.

In this coding challenge, I attempt to program a clock in HTML5 canvas with the p5.js library.

In this coding challenge, I create an acrostic generator with the Wordnik API and p5.js. This challenge is part of my “Programming with Text” series.

In this follow-up to the Frogger coding challenge, I attempt to refactor the code to make it more modular, readable, and scalable.

In the third part of the Frogger coding challenge, I implement the rows of logs/turtles that the frog jumps onto.

In Part 2 of the Frogger coding challenge, I add the first row of obstacles to avoid.

In this multi-part challenge, I attempt to re-create the classic Atari video game Frogger in Processing (Java).

In this challenge, I attempt to code the classic game Minesweeper in JavaScript with the p5.js library. This video builds on some previous tutorials related to the Prototypes and multi-dimensional arrays in JavaScript.

In this coding challenge, I create a movie recommendation engine using the a “nearest neighbor” algorithm. In this third (and final) part, I use the K-Nearest Neighbor machine learning algorithm to predict ratings for movies I haven’t seen yet.

In this coding challenge, I create a movie recommendation engine using the a “nearest neighbor” algorithm. In Part 2 of, I iterate through all the users to find the nearest neighbors and list the most “similar” users.

In this coding challenge, I create a movie recommendation engine using the a “nearest neighbor” algorithm. In Part 1, I demonstrate you how to calculate a similarity score between two data points.

This is a bonus part 5 of my evolutionary steering behaviors coding challenge. Here, I add a DOM checkbox to be enable/disable the debugging view of the sketch.

This is part 4 (five parts total) of an evolutionary steering behaviors coding challenge. The goal is to create a system where autonomous steering agents evolve the behavior of eating food (green dots) and avoiding poison (red dots).

This is part 3 (five parts total) of an evolutionary steering behaviors coding challenge. The goal is to create a system where autonomous steering agents evolve the behavior of eating food (green dots) and avoiding poison (red dots).

This is part 2 (five parts total) of an evolutionary steering behaviors coding challenge. The goal is to create a system where autonomous steering agents evolve the behavior of eating food (green dots) and avoiding poison (red dots).

This is part 1 (five parts total) of an evolutionary steering behaviors coding challenge. The goal is to create a system where autonomous steering agents evolve the behavior of eating food (green dots) and avoiding poison (red dots).

This is part two of the Breadth-First Search algorithm is and implement it in JavaScript. My demo application is “6 Degrees of Kevin Bacon” (finding the closest relationship between Kevin Bacon and another actor).

In this two part challenge, I cover the Breadth-First Search algorithm is and implement it in JavaScript. My demo application is “6 Degrees of Kevin Bacon” (finding the closest relationship between Kevin Bacon and another actor).

In this challenge, I attempt (emphasis on the word “attempt”) to program the classic video game Pong in Processing (Java).

In this video, I use the p5.js library to create a web-based countdown timer. I discuss the native JavaScript method setInterval() and well as p5’s millis().

In this follow-up to the Binary Tree coding challenge, I look at the very beginning steps to visualizing the tree. Make and share your own!

This coding challenge is part of the first week of my course: “Intelligence and Learning.” Here I attempt to implement a classic data structure: The Binary Search Tree.

In this last coding challenge on kinematics, I wrap all of the code for inverse kinematics into an object and create an array of many tentacle-like creatures. The creatures reach for a bouncing ball (an idea from the Coding Math YouTube channel). All examples are in Processing (Java).

In the third video on kinematics, I use inverse kinematics to create a tentacle-like creature (fixed to a base point) that tries to reach for the mouse.

This coding challenge is the second in a series on kinematics! In this video I demonstrate forward inverse kinematics in Processing (Java) and create an eel or snake-like creature that follows the mouse.

This coding challenge is the first in a series on kinematics! In Part 1, I demonstrate forward kinematics in Processing (Java).

In part 2 of this challenge, I add the “unikitty” image as a texture to a waving flag, created with toxiclibs verlet physics.

In this two part coding challenge, I demonstrate how to render geometry with an image texture (making a waving flag). In this first part, I cover the beginShape(), endShape(), and texture() functions and discuss different options like TRIANGLE_STRIP, QUAD_STRIP, and more.

Part 4 of the Plinko coding challenge! In this final video, I add sound to the simulation, a bell ring each time a particle hits a peg.

Part 3 of the Plinko coding challenge! In this video, I add a little bit of randomness to the sketch so that the particles’ path varies. I experiment with the peg size and the disc color as well as tweak the physics settings.

Part 2 of the Plinko coding challenge! In this video I add boundaries to the sketch and delete offscreen bodies. I also add buckets at the bottom for the particles to land in.

Part 1 of the Plinko coding challenge! In this video I create a plinko simulation in HTML5 Canvas using the Matter.js physics engine and p5.js for drawing.

In this coding challenge, I attempt to create a “Fractal Spirograph” with Processing (Java). The visuals are inspired by images and explanation on C. J. Chen’s blog.

Inspired by Everest Pipkin’s Moth Generator, I use trigonometry and perlin noise to procedurally generate butterfly wing designs with p5.js.

In this coding challenge, I look at extracting font path points from text in p5.js with p5.Font.textToPoints(). I render the text as particles with steering behaviors that react to the mouse.

In this coding challenge, I follow up on the Earthquake Data Visualization challenge and create a 3D version in Processing(Java) using spherical coordinates. I also discuss some 3D vector math including the cross product.

In this coding challenge, I visualize earthquake data from the USGS by mapping the latitude, longitude and the magnitude of earthquakes with p5.js.

In this challenge, I create a particle system and add “attractors” simulating attraction and repulsion forces.

In this coding challenge, I attempt to create rose (rhodonea) curves using trigonometry function and polar coordinates.

This coding challenge is a follow up on the challenge #54: Islamic Star Patterns. In this video, I use the Law of Sines to simplify the tiling pattern calculation.

In this bonus super-sized coding challenge, I work through visualizing Islamic Star Patterns in p5.js based on this University of Waterloo paper

In this coding challenge, I simulate a “random walk” with vectors in p5.js, varying the distance of each step size. This is known as a “Lévy Flight” (named after french mathematician Paul Lévy.)

In this coding challenge, I simulate a “random walk” with the p5.js library. This video is part of the course Nature of Code at ITP, Tisch, NYU.

In Part 3 of this coding challenge, I look at ways to improve the visual design of the A* Algorithm and invite you to put your own spin on it.

In Part 2 of this A* Algorithm coding challenge, I focus on adding obstacles (walls) to the grid as well as functionality for moving diagonally.

In this coding challenge, I attempt an implementation of the A* Pathfinding Algorithm to find the optimal path between two points in a 2D grid. I begin by explaining the mechanics of how the algorithm works, look at pseudo-code, and then write the algorithm in JavaScript using the p5.js library for rendering.

In this short addendum to the Animated Circle Packing challenge, I demonstrate how to combine the circle packing algorithm with looking up pixel colors in an image to create an abstract portrait of a kitten.

In this coding challenge, I demonstrate a circle packing algorithm and use it to fill the outline of a text path (in this case, this new year “2017”) using Processing (Java).

In this coding challenge, I use a collection of Obama Administration’s facebook images to create a “photo mosaic” of President Obama with Processing (Java).

In this coding challenge, I discuss how to use the newly released White House social media data to make simple data visualization example with p5.js.

In this coding challenge, I implement “Pixel Sorting” in Processing (Java). Using a “selection sort” algorithm, I sort the pixels of an image by brightness and hue.

This video is Part 2 of a new coding challenge: the classic Atari video game Asteroids! In this video, I use JavaScript and HTML5 canvas with the p5.js library to program the “laser” functionality and examine collision detection with the asteroids.

This video is Part 1 of a new coding challenge: the classic Atari video game Asteroids! In this video, I use JavaScript and HTML5 canvas with the p5.js library to program the ship and the asteroids.

In this coding challenge, I make a HTML5 canvas doodling application (with p5.js). Users can save and share drawings in real-time with the Database as a Service (DBaaS) Firebase.

In Part 2 of this coding challenge, I implement sentiment analysis using the AFINN-111 (link below) word list. A single page web app analyzes the valence (positive vs negative) of text as a user types into a text area. This video is part of Session 8 of the “Programming from A to Z” ITP class.

This is Part 1 of a two-part coding challenge on Sentiment Analysis with the AFINN-111 word list. In this video, I explain what the AFINN-111 is and how to convert Tab Separated Values (.tsv) data into JSON data. This video is part of Session 8 of the “Programming from A to Z” ITP class.

In this coding challenge, I code a Context-Free Grammar text generator from scratch. The concept of recursion is explored. This video is part of Session 7 of the “Programming from A to Z” ITP class.

In Part 2 of this coding challenge, I attempt to use a Markov Chain to generate a new name for my YouTube channel. The code reads from a list of name suggestions submitted by viewers.

In Part 1 of this coding challenge, I discuss the concepts of “N-grams” and “Markov Chains” as they relate to text. I use Markov chains to generate text automatically based on a source text.

In a previous challenge, I created a clone of the popular online game Flappy Bird. In this coding challenge, I make the game audio-responsive and control the bird by clapping.

In part 3 of the Word Counting coding challenge, I implement an algorithm known as TF-IDF (Term Frequency – Inverse Document Frequency). The algorithm scores each word’s relevance for a given document based on its frequency in one document relative to all others in a corpus. This is one possible methods for keyword generation.

In this coding challenge, I build a word counting (concordance) application using the Processing (Java) development environment. I show one example of visualizing the counts with font size.

In this coding challenge, I build a word counting (concordance) web application in JavaScript. The video demonstrates a use of associate arrays, regular expressions, and other techniques previously covered as part of “Programming from A to Z.”

In this coding challenge, I make a Mad Libs web application using p5.js and tabletop.js (a JavaScript library for connecting to google sheet data.)

In this coding challenge, I make something called a “Word Interactor” (help me with a better name!) using regular expressions, JavaScript, and the p5.js library for DOM manipulation.

In this coding challenge, I make what a “Diastic” generator. The Diastic technique is a methodology and algorithm for generating found poetry from a source text. It was developed and used by poet / artist Jackson Mac Low. In this challenge, I generate diastic poems using p5.js.

In this coding challenge, I simulate a blob-like shape with wobbly edges using beginShape(), endShape(), polar coordinates, and perlin noise.

This is Part 5 of the Traveling Salesperson coding challenge. In this video, I add a “crossover” algorithm to the Genetic Algorithm.

In this coding challenge, I attempt to create a solution to the Traveling Sales Person with a genetic algorithm. This is part 4 of the Traveling Salesperson Coding Challenge.

In Part 3 of the Traveling Salesperson coding challenge, I take the lexicographic ordering algorithm apply it to a brute-force solution of the Traveling Salesperson problem. Every single route permutation is checked one by one.

In Part 2 of this coding challenge, I discuss Lexicographic Ordering (aka Lexical Order) and demonstrate one algorithm to iterate over all the permutations of an array.

In Part 1 of this multi-part coding challenge, I introduce the classic computer science Traveling Salesperson problem (“traveling salesman” (sic) for search) and discussing the pitfalls with a brute force solution.

In this coding challenge, I explore the generative algorithm “Diffusion-Limited Aggregation”. The pattern is generated from random walkers clustering around a seed (or set of seed) point(s).

In this coding challenge, I implement a “Poisson-disc Sampling” algorithm to evenly (but randomly) distribute a set of seed points throughout a canvas. The algorithm is implemented in JavaScript using p5.js.

This video is Part 2 of a coding challenge where I attempt to make a make a clone of of the popular multiplayer online game Agar.io. In this session, I implement the real-time multiplayer aspect of agar.io using socket.io and node.js.

In this coding challenge, I create a clone of the multiplayer online game Agar.io using JavaScript (p5.js). This is only the beginning of this challenge where I build out the basic game mechanics. I plan to make a follow-up to this video and add the multiplayer functionality of the game using node.js and websockets.

In this coding challenge, I attempt to program in JavaScript (using the p5.js framework) a clone of the game Flappy Bird.

In this coding challenge, I continue one of my favorite subjects: Algorithmic botany! This video covers the subject of Phyllotaxis, what it is and how it can be used to generate sunflower-like patterns inspired by nature.

In this (very long) coding challenge, I implement a genetic algorithm from scratch and create “smart rockets” (based on a simulation by Jer Thorp). The rockets evolve the “best” path to a target, moving around obstacles.

In this coding challenge, I show you how to code from scratch Metaballs(Isosurfaces) in Processing and how to control them using the Blob Detection method from my previous computer vision video.

In this 4th of July themed coding challenge, I build an HTML5 canvas fireworks simulation from scratch using the p5.js JavaScript library. I also show how to use Processing to create 3D Fireworks.

In this coding challenge, I use the “superformula” to make a 3D “supershape” in Processing. This is part 4 of a multi-part series on superformulas, superellipses and supershapes

In this coding challenge, I create a sphere in Processing using spherical coordinates and triangle strips. This is the 3rd part of a multi-part series on superformulas, superellipses and supershapes.

In this coding challenge, I use Perlin noise to create a two-dimensional flow field with the p5.js library

In this coding challenge, I show you how to make 2D supershapes in p5.js.

In this coding challenge, I program from the Julia Set fractal in Processing (Java).

In this coding challenge, I program from scratch the Mandelbrot set with p5.js

In this coding challenge, I use the toxiclibs physics library to create a 3D cloth in Processing.

In this coding challenge, I’m going to use superformulas to create a superellipse in p5.js. This is part 1 of a multi-part series on superformulas, superellipses and supershapes.

In this coding challenge, I’m building on top of the Space Colonization video and creating a 3D Fractal Tree, using the same algorithm, in Processing

In this coding challenge, I’m using the space colonization algorithm to make a tree generator. This is the 4th part of my algorithmic botany series.

In this third installment of my series on algorithmic botany, I discuss L-systems and how they can be used to generate tree and other fractal patterns in p5.js.

In this coding challenge, I continue the topic of algorithmic botany with another way of generating a tree. With this method, every part of the tree will be an object, so that we can apply forces and attributes to each element

In this coding challenge, I’m going to show you how to create a Fractal Tree with a recursive algorithm in p5.js.

In this coding challenge, I visualize a Reaction Diffusion simulation using the Gray Scott model in JavaScript (with the p5.js library).

In this coding challenge, I show you how to visualization the Lorenz Attractor in Processing (Java).

In this coding challenge, I create a 3D procedural terrain using Perlin Noise and the beginShape() function in Processing.

In the final part of the Maze Generator challenge, using p5.js, I cover the concept of a “stack” and how it’s going to help us generate a maze using the Depth-First Search Recursive algorithm

In part 3 of the Maze Generator challenge, using p5.js, I cover steps 3 and 4 of the recursive backtracker algorithm to generate a maze: Removing walls and marking current cell as visited.

In the second part of this coding challenge, using p5.js, I move through the grid created in Part 1 by evaluating which neighbouring cell will be the next one to be visited.

In Part 1 of this coding challenge, using p5.js, I create the cells which are going to become our maze.

In part 3 of this coding challenge, using Processing, I add texture to the 3D objects created in part 2. The PShape class and createShape() functions are covered.

In the second part of this coding challenge, using Processing, I take the code from the 2D Solar System (Part 1) and turn it three-dimensional.

In this viewer submitted coding challenge, I make a 2D Solar System Generator in Processing.

In this viewer submitted coding challenge, I program a cellular mitosis simulation in p5.js.

In this viewer submitted coding challenge, I take on the task of coding a Space Invaders game to play in browser in JavaScript/HTML and the p5.js library.

In this viewer submitted coding challenge, I attempt to code a Purple Rain Simulator in Processing.

In this coding challenge, I attempt to code a p5.js version of the Snake Game.

In this coding challenge, I attempt to code the Menger Sponge (fractals) using Processing.

This is the first in a new series of videos. In this video I attempt to program a “star field” or “warp speed” visualization in Processing.