canvas_game_demo/index.html at master · jshields/canvas_game_demo · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>jshields Canvas Game Demo</title>
        <link href="css/small_game.css" type="text/css" rel="stylesheet">
        <script src="js/small_game.js" type="text/javascript"></script>
    </head>
    <body>
        <aside class="instructions">
            <h1>Game Instructions</h1>
            <ul>
                <li>WASD or arrow keys to move</li>
                <li>Space bar to shoot</li>
                <li>
                    Get points from these:
                    <ul>
                        <li>The red square
                            <ul>
                                <li>Shoot it</li>
                                <li>Don't touch it</li>
                            </ul>
                        </li>
                        <li>
                            The green circle
                            <ul>
                                <li>Don't shoot it</li>
                                <li>Collect it</li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li>
                    Score some points before the time runs out
                </li>
            </ul>
        </aside>
    </body>
    <footer class="footer">
        Source: <a href="https://github.com/jshields/canvas_game_demo" target="_blank" rel="noopener noreferrer">jshields/canvas_game_demo</a>
    </footer>
</html>