Challenges

Featured Challenge:
#186 — Wave Function Collapse: Overlapping Model

Wave Function Collapse is an algorithm for procedural image generation. In this long overdue follow-up to my tiled model video, I dive into the overlapping model, coding it step by step (complete with struggles and messy debugging interludes) in JavaScript with p5.js.

jan 26, 2025

Wave Function Collapse: Overlapping Model

Filter by Language

Pick a language to filter

Filter by Topic

physics engine

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

Angry Birds with Matter.js

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!)

Texturing Cloth Simulation

I love all things random and chance so why not make a Plink simulation with the matter.js physics engine and p5.js!

Plinko with Matter.js