mrglaster / js-picture-puzzle

Jigsaw Puzzle Game made with Javascript. Image for puzzle can be uploaded by user and after splited to different amount of pieces depended from difficulty level the user selected

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

JavaScript Jigsaw Puzzle Game

Jigsaw Puzzle Game made with Javascript. Image for puzzle can be uploaded by user and after splited to different amount of pieces depended from difficulty level the user selected

How to prepare for use?

  1. Download the project from repository

git clone https://github.com/mrglaster/js-picture-puzzle/

  1. Get the API key for ImgBB

alt text

  1. Find following lines in /scripts/main_menu.js
/**ImgBB API key */
let API_KEY = 'USE YOUR OWN!'
  1. Replace USE YOUR OWN! to your API key.
  2. Open index.html in browser
  3. Profit!

Screenshots

alt text

alt text

alt text

alt text

Used Libraries

  1. Axios HTTP Requests Library
  2. SweetAlert Popup Messages Library
  3. Headbreaker Library

About

Jigsaw Puzzle Game made with Javascript. Image for puzzle can be uploaded by user and after splited to different amount of pieces depended from difficulty level the user selected


Languages

Language:JavaScript 60.6%Language:HTML 22.6%Language:CSS 16.9%