Puzzle: Game of shuffling an image in parts in a canvas

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us
  Info   Screenshots Screenshots   View files View files (3)   DownloadInstall with Composer Download .zip   Reputation   Support forum   Blog    
Last Updated Ratings Unique User Downloads Download Rankings  
2012-02-18 (3 years ago) RSS 2.0 feedNot enough user ratingsTotal: 252 All time: 150 This week: 97Up
Version License JavaScript version Categories  
html5-canvas-puzzle 1.0BSD License1.0Graphics, Games
Description Author  

This class implements a game of shuffling an image in parts in a canvas.

It takes a given image and splits it in multiple pieces.

The image pieces are displayed by a wrong order and the user needs to correct by clicking on a piece that moves to an empty slot.

The games may be played in different difficulty levels that vary by changing the number of lines of pieces of the puzzle image.

Picture of Daniel Martinez
Name: Daniel Martinez <contact>
Classes: 6 packages by
Country: Spain Spain
Age: 29
All time rank: 171 in Spain Spain
Week rank: 39 Down2 in Spain Spain Down
Innovation award
Innovation award
Nominee: 1x

  • Puzzle.jpg
  Files folder image Files  
File Role Description
Files folder imagesrc (1 file)
Accessible without login Plain text file index.html Example demo example and documentation
Plain text file Puzzle.js Class main class source

  Files folder image Files  /  src  
File Role Description
  Accessible without login Image file Simpsons-2.jpg Photo image

 Version Control Unique User Downloads Download Rankings  
 0%Total:252All time:150
 This week:0This week:97Up