path: root/html/broughlike/about.html



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About Eli's Broughlike</title>
    <meta description="A Broughlike, or something like Flatland.">
    <style>
        body {
            background-color: #f0f0f0;
            font-size: x-large;
            padding: 1em 2em;
        }
    </style>
</head>
<body>
    <h1>How to play</h1>
    <ul>
        <li>You are the hexagon.</li>
        <li>Your goal is to reach the triangle. When you reach the triangle you'll be brought to the next level.</li>
        <li>Enemies are circles. Run into them to battle. Be warned, you'll also take damage when you battle.</li>
        <li>Diamonds and pentagons are collectable. Run into them to pick them up.</li>
        <li>Diamonds add 3 to the amount of damage you can do to an enemy for the remainder of the level.</li>
        <li>Pentagons restore a little bit of your health.</li>
        <li>You can tell your or an enemy's health by the opacity of the shape. Darker means more health.</li>
        <li>Every few levels you'll run into a boss. They're circles, but a different color from normal enemies and have more health and will chase the hexagon from farther away.</li>
        <li>You can toggle the screen shake off and on -- your preference will be saved to your browser and should persist.</li>
        <li>Your high score is saved to your browser so that you can try to beat your previous top score.</li>
        <li>Arrow keys, WASD, or VIM movement keys to move on a thing with a keyboard. Swipe up, down, left or right to move on something with a touchscreen.</li>
    </ul>
    <p><a href="index.html">Play the game!</a></p>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About Eli's Broughlike</title>
    <meta description="A Broughlike, or something like Flatland.">
    <style>
        body {
            background-color: #f0f0f0;
            font-size: x-large;
            padding: 1em 2em;
        }
    </style>
</head>
<body>
    <h1>How to play</h1>
    <ul>
        <li>You are the hexagon.</li>
        <li>Your goal is to reach the triangle. When you reach the triangle you'll be brought to the next level.</li>
        <li>Enemies are circles. Run into them to battle. Be warned, you'll also take damage when you battle.</li>
        <li>Diamonds and pentagons are collectable. Run into them to pick them up.</li>
        <li>Diamonds add 3 to the amount of damage you can do to an enemy for the remainder of the level.</li>
        <li>Pentagons restore a little bit of your health.</li>
        <li>You can tell your or an enemy's health by the opacity of the shape. Darker means more health.</li>
        <li>Every few levels you'll run into a boss. They're circles, but a different color from normal enemies and have more health and will chase the hexagon from farther away.</li>
        <li>You can toggle the screen shake off and on -- your preference will be saved to your browser and should persist.</li>
        <li>Your high score is saved to your browser so that you can try to beat your previous top score.</li>
        <li>Arrow keys, WASD, or VIM movement keys to move on a thing with a keyboard. Swipe up, down, left or right to move on something with a touchscreen.</li>
    </ul>
    <p><a href="index.html">Play the game!</a></p>
</body>
</html>