Challenges

Featured Challenge:
#171 — Wave Function Collapse

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. Also, check out WFC's predecessor: Model Synthesis (more info below).

jul 03, 2022

Wave Function Collapse

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