madrobby / scriptaculous
watch download tarball
public
Forks400Right
Watchers1397Right
Description: script.aculo.us is an open-source JavaScript framework for visual effects and interface behaviours.
Home | Edit | New

Puzzle Demo

Demos > Puzzle Demo

This is an example showing how to implement a simple puzzle game with Sortables.

(no move made yet)

Source code


(function() { 
  var p = $('puzzle'), info = $('puzzleinfo'), moves = 0;
  
  Sortable.create('puzzle', {
    tag: 'img', overlap: 'horizontal', constraint: false,
    onUpdate: function() {
      info.update('You\'ve made ' + (++moves) + ' move' + (moves > 1 ? 's' : ''));
      if (Sortable.sequence('puzzle').join('') == '123456789')
         info.update('You\'ve solved the puzzle in ' + moves + ' moves!').morph('congrats');
    }
  });
})();

Pages feed

Last edited by garex, Sun Apr 26 05:37:18 -0700 2009
Home | Edit | New
Versions: