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 simulation

What happens when two circles collide in a p5.js canvas? In this video, I examine the math and implement idealized elastic collisions in a JavaScript physics simulation. This video supplements the Nature of Code book series in Chapter 6 which uses 3rd party physics libraries to handle collisions rather than a direct implementation.

Elastic Collisions