The Essential Guide to HTML5

(Greg DeLong) #1

MAZES


Code Explanation


Close canvas


Line break


Press mouse button down, drag
and release to make a wall.


Instructions

Use arrow keys to move token.
Instructions and line break


Pressing any other key will stop key
capture and allow you to save the
maze locally.


Instructions

Form tag, set up call to savewalls

To save your maze, enter in a name and
click on the SAVE WALLS button.


Instructions

Name: <input name="slname" value="maze_name"
type="text">


Label and input field

Submit button
Close form


Form tag, set up call to getwalls

To add old walls, enter in the name and
click on the GET SAVED WALLS button.


Instructions

Name: <input name="glname" value="maze_name"
type="text">


Label and input field


Submit button

Close form
Close body
Close html
Free download pdf