index.html

<!DOCTYPE html>
<html>
    <head>
        <title>Frostflake Game</title>
        <style>
            body {
                font-family: Arial, Helvetica, sans-serif;
                font-size: 11px;
            }

            canvas {
                cursor: none;
            }
        </style>
    </head>
    <body>
        <canvas id='game' width="640px" height="480px"></canvas>
        <script src='dist/game.js'></script>
        <div style="width:640px;">
            <p>This starter project demonstrates many of the features of
            the FrostFlake game engine. It rotates through demo views every
            few seconds. Here's a brief description of each view:</p>

            <ol>
                <li>AnimationDemo - plays frame-based animation from a spritesheet.</li>
                <li>AudioDemo - loads and plays sounds. Click to play a sound.*</li>
                <li>CollisionDemo - shows collisions with engine physics.</li>
                <li>InputDemo - demonstrates input handling. Press WASD to move the camera.</li>
                <li>ManySpritesDemo - renders a large number of sprites.</li>
                <li>ParentChildDemo - demonstrates parent-child relationships in the scene graph.</li>
                <li>RenderTargetDemo - renders thousands of sprites to a custom texture.</li>
                <li>ShapesDemo - renders a large number of shape objects.</li>
                <li>TextStringDemo - renders a string of text.</li>
            </ol>

            <p style="font-style: italic;">* Browser restrictions require user input before audio can play. If the mouse has not moved since the game loaded, audio will throw an exception.</p>
        </p>
    </body>
</html>