The J Maker

[The J Maker Home] [Program Home] [Pricing] [Contact] [FAQ]

SlidingPuzzle version: 2002.06.01

<-- panel background color: R G B --> <-- panel foreground color: R G B --> <-- button background color: R G B --> <-- button foreground color: R G B -->

[Main Features]: This Java applet is a fully configurable photo sliding puzzle. You can supply your own photo and divide it into pieces with specified row and col. All captions are customizable as well.

[Execution Tips]: Click on a puzzle piece next to the empty block to move. To start a new puzzle, click on the 'Scramble' button.

[Download and Installation Guide]: Be sure to read our FAQ 1 about license agreement before you use this program. Download and uncompress the file under your web directory. You can use the configurator in the next section or do it by yourself as follows:
Use a file editor (e.g. WordPad) to open SlidingPuzzle.html and copy the code segemnt between starting and ending APPLET tags into your desirable HTML file. Supply your own photo and type in its filename. If you have a picture, say, 280x210, remember to add 20 to width and 80 to height for the display area. So, you should set 'width' to 300 and 'height' to 290. Please make sure puzzle width and height are divisible by row and col.

[Parameters and HTML Configurator]:
Parameter Value Description
regcode registration code
frames number of frames in the animation of swapping pieces
delay animation delay between frames in milliseconds
photo photo file for the puzzle
width of the photo
height of the photo
scramblestart toggle to start with a scrambled mode (1 to enable)
winfile winning audio filename
movefile moving audio filename
panelbg panel background color: R G B
panelfg panel foreground color: R G B
buttonbg button background color: R G B
buttonfg button foreground color: R G B
linkto '|' seperates gameover URL and target frame
* fill in "none" for URL if you don't want to link to anywhere
* target frame options are as follows
_self = current frame
_parent = parent frame
_top = top-most frame
_blank = new unnamed top-level frame
x = new top-level frame named x
row number of rows to divide the puzzle
col number of columns to divide the puzzle
TitleText text string for the title
NewGameText text string for starting a new game
SolvePuzzleText text string for revealing the puzzle
RowText text string before number of rows
ColText text string before number of cols
MovesCountText text string before counts
BestText text string before the best record
FinishText text string when game is over

Auto-generated code to be inserted into your HTML page:

P.S. Copy all necessary *.jar, *.class, images (e.g. *.gif or *.jpg), and data files (e.g. *.txt) to your web directory and embed the above code into your own HTML file.

[More Package Info]:
  • File Description:
  • SlidingPuzzle.html - this file
  • SlidingPuzzle.jar - SlidingPuzzle program classes
  • SlidingPuzzle*.au - sample audio files
  • SlidingPuzzle*.jpg - sample photo files