Resources

• //INIT: Creating two-dimensional arrays


• //PROCESS: Using two-dimensional arrays and nested loops


• HTML Image Resources for projects
• A simple tile designer app to save you time

Saving your work

Use Save as... to save the empty template as "3.10S-CreateAMaze-LastName.html" in your Computer Programming directory.

The assignment

Use two-dimensional arrays, nested loops, and inline styles to carefully position images into a grid-based map.

For example

Click to make a small maze!
Click to make a bigger maze!
Click to make an even bigger maze!

Make it your own!

Create a small maze or bitmap image of your own design. Use what tile (and other) images you wish from this site's bank of resources, and from the internet at large.

Hints

Reread //PROCESS: Using two-dimensional arrays and nested loops, but create <img> codes instead of <div> codes.