#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.
Maxim Gumin's source code and documentation for Wave Function Collapse.
Documentation of Paul Merrell's work on Model Synthesis.
Wave Function Collapse overlapping model algorithm walk through.
Coding Train Github WFC repository.
p5.js reference page for copy() function
Issue discussing console.log and objects with circular references.
JavaScript documentation for array concat() method.
p5.js reference page for randomSeed() function
Video tutorial on how to work with pixel array in p5.js.
Video tutorial with Golan Levin explaining modulo operator.
Video tutorial on higher order array function filter().
Video tutorial on JavaScript arrow notation.
Created by Oskar Stålberg, 3D WFC system that creates cute little houses, arches, stairways, bridges and lush backyards.
A fork of Wave Function Collapse with tools for the Unity Game engine by @ExUtumno.
Generating variations of Super Mario Bros worlds with Wave Function Collapse.
Generating variations of Zelda maps with Wave Function Collapse.
a game where you walk through an infinite city that is procedurally generated as you walk.
- Editing
by Mathieu Blanchette
- Animations
by Jason Heglund