JS Project - Sliding Puzzle with Vanilla JS & Canvas API | No Frameworks No Libraries | part 1/2

preview_player
Показать описание
Let's improve our coding skills even further by implementing Sliding puzzle game in vanilla JS and Canvas API.
This is a two part play list; in this part (part 1) you will many interesting things such as:
Canvas API manipulation; did you know that once you place an image on canvas, it looses all the properties that we usually associate with an image.
Practical use of Singleton Design pattern
Extracting Canavas pixels as DataURL object
Chopping up a single image into multiple pieces in JS
Randomly displaying those images on Canvas
Randomly deciding which tile to leave empty on canvas for each game
#CanvasAPI, #SlidingPuzzleGame, #JSproject, #SingletonPattern, #DataURL
Рекомендации по теме
Комментарии
Автор

Hi, I have a doubt: is the size of piece means size of pixel?

BMA-gp