In this multi-part 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.
Challenges
Featured Challenge:
#154 — Tic Tac Toe AI with Minimax Algorithm
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.
Filter by Language
p5.js
Filter by Topic
Pick a topic to filter
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.
This coding challenge is an exploration of binary numbers with p5.js. Watch me build an interactive sketch that converts binary to decimal numbers!
In this coding challenge, I create a Seven-Segment Display with the p5.js library.
Snake Game!? Again!? Now with the p5.js Web Editor!
In this coding challenge, I load a sprite sheet and create multiple animated sprites with the p5.js library.
In this coding challenge, I visualize the Recamán’s number sequence using the p5.js library and go on to generate a series of musical tones using p5.js sound.
Celebrating the 500,000 subscribers milestone, I create a map visualization of Coding Train subscriber locations around the world!
Visualizing 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 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 challenge, I use my JavaScript neural network library and a genetic algorithm to train an agent to play Flappy Bird.
In this coding challenge, I use my neural network JavaScript library to create a "color predictor."
In this multi-part coding challenge, I implement a Quadtree data structure in JavaScript and visualize it with p5.js.
In this multi-part coding challenge, I code the sliding puzzle game 2048 in JavaScript using canvas and p5.js.
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).
The artist BeesandBombs makes amazing algorithmic looping GIFs! Here's my attempt to recreate one of my favorite GIFs in JavaScript with p5.js and the WEBGL renderer.
Let's attempt to create a snowfall simulation using p5.js, sprite sheets and Perlin noise wind!
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 create a Chrome Extension which adds a p5.js drawing canvas on top of any webpage you visit.
In this multi-part challenge, I implement two possible solutions 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 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 challenge, I attempt to code the classic game Minesweeper in JavaScript with the p5.js library.
In this multi-part coding challenge, I create a movie recommendation engine using the "nearest neighbor" algorithm.
In this multi-part coding challenge, I create a system where autonomous steering agents evolve the behavior of eating food and avoiding poison.
In this two part challenge, I implement the Breadth-First Search algorithm in JavaScript. My demo application is "6 Degrees of Kevin Bacon" (finding the closest relationship between Kevin Bacon and another actor).
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().
This multi-part 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.
I love all things random and chance so why not make a Plink simulation with the matter.js physics engine and p5.js!
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 visualize earthquake data from the USGS by mapping the latitude, longitude and the magnitude of earthquakes with p5.js. The map imagery is pulled from mapbox and the math demonstrated converts latitude, longitude to x,y via Web Mercator.
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.
In this bonus super-sized coding challenge, I work through visualizing Islamic Star Patterns in p5.js.
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 this multi-part coding challenge, I attempt an implementation of the A* Pathfinding Algorithm to find the optimal path between two points in a 2D grid.
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.
