Demo

Demostration of ScramblePuzzle Applet.

Description

This applet takes an image and splits it up into pieces according to the number of row and column it is given. Then it randomly scrambles them leaving one piece out so that you can slide the other pieces around and put them back into the correct spot. You can rescramble the image by pressing the scramble button.

Usage/Parameters

image The image to be scrambled.
slideSnd The sound sliding which the pieces make. (optional)
row The number of rows to have the image split in.
col The number of columns to have the image split in.

Example

Here is an example of the HTML source code for embedding this applet:

    <applet archive="ScramblePuzzle.jar" code="ScramblePuzzle.class" width="300" height="385"> 
	<param name="image" value="images/matsu.jpg"> 
	<param name="slideSnd" value="audio/slide.au"> 
	<param name="col" value="3"> 
	<param name="row" value="3"> 
    </applet>

Version Updates

Version 1.1

  • Made the applet so that the entire address doesn't have to be entered when having references to a URL.

Version 1.2

  • Fixed a bug, so now you don't have to refresh the applet to have the image display properly. Reduced the flickering when the pieces are being slided.

Download

Download this applet now. (source code included)