Plank puzzle concept and maze designs were originally conceived by Andrea Gilbert. The original JAVA applet was programmed by Graham Rogers. My HTML5 implementation copies that design, though 100% of the code here is my own.
To play: use your mouse to pick up and drop the planks to navigate across the screen from left to right. You can only pick up planks connected to where you are (highlighted in yellow), and you can only place planks into gaps that are the same size.
The following puzzles can be downloaded online from Think Fun.
The plank puzzle window is easily embedded as a block element in any web page using the following html
<x-plank-puzzle-window height='450' width='450'></x-plank-puzzle-window>
The height and width attributes specify the height and width of the rectangle used to render the puzzle and controls. They can be set to any value, although for best results, it should be a reasonably large rectangle; bigger is better.
To specify the puzzle(s), add x-plank-puzzle elements inside the x-plank-puzzle-window
<x-plank-puzzle-window height='450' width='450'>
<x-plank-puzzle name='Puzzle Name' fmt='1' positions="###" nodes='###'></x-plank-puzzle> </x-plank-puzzle-window>
The HTML 5 implementation is based from and designed to be interchangeable with the "Plank format 1" of the older Java applet; the "positions" and "nodes" attributes are the same values given
Both custom elements depend on two HTML linkable files:
PlankPuzzles.appInitialize() must be called after the HTML body has loaded.