diff options
| author | Mike Buland <Mike.Buland@mjfirm.com> | 2016-10-24 14:14:19 -0600 |
|---|---|---|
| committer | Mike Buland <Mike.Buland@mjfirm.com> | 2016-10-24 14:14:19 -0600 |
| commit | 39d593054de993469809170ebf53a231caac92fb (patch) | |
| tree | 4dfec57800e0d994977b96491d44ad0cb6126c2d /js/lost.html | |
| parent | af8190aea9296ae82fbb08ebf01a15ce45faa8d1 (diff) | |
| download | lost-39d593054de993469809170ebf53a231caac92fb.tar.gz lost-39d593054de993469809170ebf53a231caac92fb.tar.bz2 lost-39d593054de993469809170ebf53a231caac92fb.tar.xz lost-39d593054de993469809170ebf53a231caac92fb.zip | |
It's all responsive now. Also it can loop.
Diffstat (limited to 'js/lost.html')
| -rw-r--r-- | js/lost.html | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/js/lost.html b/js/lost.html index 820b1fc..d4443ab 100644 --- a/js/lost.html +++ b/js/lost.html | |||
| @@ -2,8 +2,35 @@ | |||
| 2 | <html> | 2 | <html> |
| 3 | <head> | 3 | <head> |
| 4 | <title>Lost</title> | 4 | <title>Lost</title> |
| 5 | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| 6 | <link rel="stylesheet" href="lost.css"> | ||
| 5 | </head> | 7 | </head> |
| 6 | <body> | 8 | <body> |
| 9 | <div id="ui-box"> | ||
| 10 | <div id="maze-box"></div> | ||
| 11 | <div id="button-box"></div> | ||
| 12 | </div> | ||
| 13 | <div id="floor-box"></div> | ||
| 14 | <div class="float-clear"></div> | ||
| 15 | <div id="editor-cont"> | ||
| 16 | <p>Provide a number below for each dimension in the new maze. The numbers are the size of each dimension. Entering "10, 3" will create a maze that is 10 wide and 3 tall. Entering "5, 5, 5, 5, 5" will create a 5 dimensional maze, every dimension will be 5 wide.</p> | ||
| 17 | <div id="editor-box"></div> | ||
| 18 | </div> | ||
| 19 | <div id="share-box"></div> | ||
| 7 | <script src="lost.js"></script> | 20 | <script src="lost.js"></script> |
| 21 | <script type="text/javascript"> | ||
| 22 | lostInit({ | ||
| 23 | 'render': { | ||
| 24 | 'name': 'RenderCanvas2D', | ||
| 25 | 'params': { | ||
| 26 | 'maze': 'maze-box', | ||
| 27 | 'buttons': 'button-box', | ||
| 28 | 'readout': 'floor-box' | ||
| 29 | } | ||
| 30 | }, | ||
| 31 | 'editor': 'editor-box', | ||
| 32 | 'share': 'share-box' | ||
| 33 | }); | ||
| 34 | </script> | ||
| 8 | </body> | 35 | </body> |
| 9 | </html> | 36 | </html> |