This project is a collaboration with Grady Hillhouse at the Practical Engineering YouTube channel. This is my attempt to code a simulation of Horizontal Directional Drilling, laparoscopic surgery for the earth!
Challenges
Featured Challenge:
#174 — AppleSoft Basic Fractal Tree
Take a trip back in time and let's learn all about GR (graphics) and HGR (high resolution graphics) in AppleSoft BASIC on a restored Apple II+ computer! Can we render a fractal tree?
Filter by Language
JavaScript
Filter by Topic
Pick a topic to filter
Straight out of quantum mechanics, Wave Function Collapse is an algorithm for procedural generation of images. In this video (recorded over 3 live streams) I attempt the tiled model and explore a variety of solutions to the algorithm in JavaScript with p5.js.
It's the Monty Hall Problem! In JavaScript! With p5.js! Yes, you really double your chances of winning by switching doors. I hope to convince you of this in this video!
Happy Pi Day! How many delicious digits of Pi can you catch from the sky? In JavaScript!
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 text and finish with rendering video as text ASCII characters in a DOM.
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!
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.
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.
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.
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 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!
Inspired by the recent image of the Powehi m87 black hole from the Event Horizon Telescope, I visualize the behavior or light (photons) following the path of spacetime around the black hole in p5.js.
Let's try implementing a famously faster sorting algorithm: the Quicksort! And visualize the process with p5.js!
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! To celebrate 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 OpenSimplex Noise in Processing (Java).
In this coding challenge, I simulate the “Bouncing DVD Logo” meme in JavaScript with p5.js.
In this coding challenge, I implement the Discrete Fourier Transform algorithm in JavaScript and render a drawing using epicycles derived from the transform.
In this coding challenge, I visualize a Fourier series for a square wave in JavaScript with p5.js.
In this multi-part coding challenge, I visualize the "Chaos Game".
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.
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.
In this coding challenge, I load a sprite sheet and create multiple animated sprites with the p5.js library.
Visualizing the Barnsley Fern fractal 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 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 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.
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 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 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 challenge, I attempt to code the classic game Minesweeper in JavaScript 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 multi-part coding challenge, I create a movie recommendation engine using the "nearest neighbor" algorithm.
