diff options
| author | elioat <elioat@tilde.institute> | 2024-07-07 15:33:49 -0400 |
|---|---|---|
| committer | elioat <elioat@tilde.institute> | 2024-07-07 15:33:49 -0400 |
| commit | fad4255f76a34308b925be2cc26061560dd1e5f8 (patch) | |
| tree | 42526c0f2b129eab6fb7ca11cf3569d01ff948dd /js | |
| parent | 2a8c3236e0c4b61e1e9e655960b23db315da6ad9 (diff) | |
| download | tour-fad4255f76a34308b925be2cc26061560dd1e5f8.tar.gz | |
*
Diffstat (limited to 'js')
| -rw-r--r-- | js/puzzle-dungeon/about.html | 47 | ||||
| -rw-r--r-- | js/puzzle-dungeon/index.html | 4 |
2 files changed, 50 insertions, 1 deletions
diff --git a/js/puzzle-dungeon/about.html b/js/puzzle-dungeon/about.html new file mode 100644 index 0000000..102de91 --- /dev/null +++ b/js/puzzle-dungeon/about.html @@ -0,0 +1,47 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <title>Puzzle Game</title> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <style> + body, html { + font-size: 22px; + background-color: #f0f0f0; + margin: 0; + padding: 0 1em; + max-width: 100%; + overflow-x: hidden; /* a stupid hack to say "no no no" to horizontal scrolling */ + display: block; + } + </style> +</head> +<body> + <h1>Puzzle Dungeon</h1> + <p><a href="index.html">Play the game.</a></p> + <p>You play as a little rover that was sent to a far off planet. Once there you discovered an endless dungeon. Can you navigate it?</p> + <p>Issue commands to move the rover, commands you can use include:</p> + <ul> + <li>up</li> + <li>down</li> + <li>left</li> + <li>right</li> + <li>get</li> + <li>use</li> + <li>scan</li> + </ul> + <p>The directions are how you move the rover. <code>down 3</code> will move the rover 3 spaces towards the bottom of the level.</p> + <p>You interact with collectable objects using <code>get</code> and <code>use</code>. Once on top of an item use <code>get battery</code> to pick up a battery and add it to your inventory. Once it is in your inventory you can <code>use</code> it.</p> + <p>Collectable items:</p> + <ul> + <li>battery, b</li> + <li>shield, s</li> + <li>potion, p</li> + </ul> + <p>Note that shields are used automatically when you take damage.</p> + <p>Scanning is useful for revealing traps, though be careful because it uses a lot of power!</p> + <p>Every level has a par score -- you have to complete that level at or under the par score -- every time you hit the submit button your par is increased, bringing you closer to the level's par.</p> + <p>Moving the rover takes power, make sure to monitor your power levels and use batteries to keep moving.</p> + <p>Potions are useful if you take damage.</p> +</body> +</html> diff --git a/js/puzzle-dungeon/index.html b/js/puzzle-dungeon/index.html index f8aa7ad..0144326 100644 --- a/js/puzzle-dungeon/index.html +++ b/js/puzzle-dungeon/index.html @@ -6,6 +6,7 @@ <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body, html { + font-size: 22px; background-color: #f0f0f0; margin: 0; padding: 0 1em; @@ -39,12 +40,13 @@ <span id="playerPower">Power: 10</span> / <span id="playerLevel">Level: 0</span> / <span id="playerPosition">(0, 0)</span> + <a href="about.html">About</a> </p> <canvas id="gameCanvas"></canvas> <p id="par">Par:</p> <p id="playerInventory">Inventory: []</p> <form id="commandForm"> - <textarea id="commands" rows="10" cols="30"></textarea><br> + <textarea id="commands" rows="7" cols="30"></textarea><br> <button type="submit">Submit</button> </form> <script type="module"> |