Slide Puzzle in JavaScript
Offered By: Coding Train via YouTube
Course Description
Overview
Syllabus
Welcome!.
Explain! Using copy() to split the source image into tiles?.
Code! The Tile class!.
Explain! Copying tiles from the source image to the puzzle..
Code! Setting up tile indices and a board array!.
Explain! How should the board work?.
Code! Something went wrong! Let's fix it!.
It works! Now how to draw borders between the tiles?.
Code! Shuffling the board..
Code! The slide puzzle needs an empty tile!.
Code! A function to move the tiles!.
Code! Checking if tiles are neighbors?.
Code! Random shuffling in draw()!.
Code! Moving pieces with mousePressed().
Code! What should the sketch do when the puzzle is solved?.
Code! Having fun with the tile grid!.
Let's see if I can solve this....
Solved it! What will you create?.
Taught by
The Coding Train
Related Courses
Creative Programming for Digital Media & Mobile AppsUniversity of London International Programmes via Coursera Online Games: Literature, New Media, and Narrative
Vanderbilt University via Coursera Game Design Concepts
Canvas Network General Game Playing
Stanford University via Coursera Program Arcade Games - Learn Computer Science
Independent