JS Project - Sliding Puzzle with Vanilla JS & Canvas API | No Frameworks No Libraries | part 1/2
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
link to part 2: • JS Project - Sliding Puzzle with Vani...
#CanvasAPI, #SlidingPuzzleGame, #JSproject, #SingletonPattern, #DataURL
Watch video JS Project - Sliding Puzzle with Vanilla JS & Canvas API | No Frameworks No Libraries | part 1/2 online without registration, duration hours minute second in high quality. This video was added by user CS with NJ 10 May 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,311 once and liked it 42 people.