Slide Puzzle in JavaScript

Slide Puzzle in JavaScript

Learn to code a slide puzzle game in p5.js in this 27-minute tutorial video. Explore techniques for using images, nested loops, and arrays to create a fully playable game. Follow along as the instructor guides you through creating a Tile class, setting up the game board, implementing tile movement, and adding puzzle-solving functionality. Discover how to use the copy() function to split a source image into tiles, implement shuffling algorithms, and handle user interactions. By the end of the tutorial, you'll have the skills to create your own customized slide puzzle games and experiment with different grid sizes and image sources.