Wave Function Collapse Algorithm - Overlapping Model Implementation in JavaScript

Wave Function Collapse Algorithm - Overlapping Model Implementation in JavaScript

The Coding Train via YouTube Direct link

Challenge complete?

15 of 26

15 of 26

Challenge complete?

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Wave Function Collapse Algorithm - Overlapping Model Implementation in JavaScript

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Introduction
  2. 2 The Nature of Code book!
  3. 3 WFC Resources and References
  4. 4 Extracting tiles from a source image
  5. 5 Calculating adjacency rules for tiles
  6. 6 Checking for overlapping pixel colors
  7. 7 Debugging tile adjacencies
  8. 8 Creating a Cell class
  9. 9 Incorporate code from WFC tile model
  10. 10 Reduce entropy of neighboring tiles
  11. 11 Rendering the center pixel for each tile
  12. 12 Cross checking valid tile options
  13. 13 Recursive entropy reduction
  14. 14 Limit recursion depth
  15. 15 Challenge complete?
  16. 16 Bugs found between Day 1 and Day 2
  17. 17 Starting Day 2
  18. 18 Correcting pixel color if statement
  19. 19 Refactoring redundant code
  20. 20 Running out of tile options
  21. 21 Optimizing the code
  22. 22 Rendering average pixel color of remaining tile options
  23. 23 How to handle redundant tiles?
  24. 24 More tiles with rotations and reflections
  25. 25 Additional performance optimizations
  26. 26 Thanks for watching!

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.