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?
Challenges
Featured Challenge:
#51 — A* Pathfinding Algorithm
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.
Filter by Language
Processing
Filter by Topic
Pick a topic to filter
In this video I explore the wonders of the copy() function in the creative coding platform Processing, simulating slitscan photography and bending time itself! This video is thanks to Tim Rodenbröker’s generous donation to The Processing Foundation!
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!
In this episode of Coding in the Cabana, Gloria Pickle and I investigate the Marching Squares algorithm and apply it to Open Simplex Noise in Processing.
Coding in the Cabana is a series where I attempt challenges from my garden cabana in Brooklyn, NY. In this episode, I animate the path of the classic "space filling curve" known as the Hilbert Curve.
Happy holidays! #SupportP5! This video shows an attempt to make a snowflake from a "kaleidoscope painting" effect.
It's the second episode of Coding in the Cabana! Here I attempt to visualize the Collatz Conjecture in Processing.
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.
Can I build an interactive 3D Rubik's cube in Processing? Yes! Someday I hope to return to this project and add an AI solver!
Let's celebrate PI Day by approximating the digits of Pi using a special location in the legendary Mandelbrot set fractal!
In this multi-part coding challenge I show how to use a noise field and polar coordinates to create a perfect GIF loop.
In this tutorial, I demonstrate how to render a sketch into a perfect, looping GIF with Processing (Java).
In this multi-part challenge, I use a parametric equation (from Wolfram Mathworld) to draw a heart curve in Processing (Java).
In this video, I visualize the "mathematical heart" Cardioid using times tables calculations.
In this video, I 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).
Snowflake Challenge #3! In this video, I draw the Koch Fractal Curve in Processing (Java).
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 create a flocking simulation in JavaScript based on Craig Reynolds "boids" algorithm.
In part 1 of this coding challenge, I create a node.js Mastodon bot that posts images (fractal trees) generated with Processing code. In part 2, I revise the node.js Mastodon bot to post images (fractal trees) in response to user mentions.
In this Coding Challenge, I visualize a "Lissajous Curve Table" with Processing (Java).
Yes, sorting numbers can be fun! In this challenge I attempt to implement the "bubble sort" algorithm in Processing (Java) and visualize the process itself with animated lines.
In this coding challenge, I visualize a 4D Hypercube (aka "Tesseract") in Processing (Java).
Can I draw and rotate a 3D cube using Processing's 2D renderer with just some math?!?! Yes! Watch to learn more about rotation and projection matrices along with perspective and orthographic projection!
In this coding challenge, inspired by Numberphile I visualize "sandpiles" with Processing (Java).
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 code the iconic text scrolling/title crawl in Processing (Java) in 15 minutes!
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 celebration of Pi Day, Let's attempt to “visualize” the first one million digits of Pi.
In this coding challenge, I use use a "monte carlo" method to approximate the value of Pi in Processing (Java).
In this coding challenge, I create a double pendulum simulation in Processing.
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.
Langton's Ant is a cellular automaton that starts off with simples rules but takes on complex emergent behavior.
Getting tied up in 3D Knots in Processing is loads of fun! Thank you to Paul Bourke for the helpful reference and formulae!
In this multi-part challenge, I create a simplified version of the classic Atari video game Frogger in Processing (Java).
In this challenge, I attempt (emphasis on the word "attempt") to program the classic video game Pong in Processing (Java).
In this multi-part coding challenge, I demonstrate how to implement kinematics in Processing (Java).
In this two part challenge, I cover beginShape(), endShape(), and texture(), TRIANGLE_STRIP, QUAD_STRIP, and more. I combine these geometry functions with the Toxiclibs physics library to simulate a waving flag (with a unikitty image texture!)
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.
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 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 demonstrate how to use a circle packing algorithm.
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 implement “Pixel Sorting” in Processing (Java). Using a “selection sort” algorithm, I sort the pixels of an image by brightness and hue.
In this challenge, we build a word counting (concordance) application, and visualize the frequency of each word using variable font size! We also implement the TF-IDF algorithm
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.
Let's code some Metaballs (aka Isosurfaces) in Processing and how to control them using the Blob Detection methodology from my computer vision tutorial!
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.
