html5 Canvas Puzzle

Solution

Easy
Normal
Hard
Crazy

regame

Code example

            <script type="text/javascript" src="Puzzle.js"></script>
            <script type="text/javascript">
            
            var options = {
                idDiv: 'canvasPuzzle',
                src:'src/Simpsons-2.jpg',
                width:'653',
                height:'435',
                level:'easy',
                emptyColor:'#333'
            },
            
            puzzle = new Puzzle( options );
            </script>
        

Options

• idDiv: 'id Element'
• src :'path/to/img'
• width: 'width of image'
• height: 'height of image'
• level: 'easy' | 'normal' | 'hard' | 'crazy'
• emptyColor: '#empty color'
• loadingGif: 'path/to/loading gif'