asteroids/index.html at main · 3kh0/asteroids · 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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<html>
   <link rel="icon" sizes="192x192" href="favicon.png">
 <link rel="shortcut icon" href="favicon.png" type="image/x-icon"/>
 <link rel="apple-touch-icon" href="favicon.png" type="image/x-icon"/>
  <head>
    <title>Asteroids | 3kh0</title>
    <script src="jquery-1.4.1.min.js"></script>
    <script src="vector_battle_regular.typeface.js"></script>
    <script src="ipad.js"></script>
    <script src="game.js"></script>
    <style>
      #canvas { border:1px solid black; top:0px; left:0px; }
      .button { position:absolute; border:1px solid black; }
      #left-controls { position:absolute; left:1px; bottom:0px; display:none; }
      #right-controls { position:absolute; right:1px; bottom:0px; display:none; }
      #up { width:200px; height:100px; bottom:100px;}
      #left { width:100px; height:100px; bottom:0px;}
      #right { width:100px; height:100px; bottom:0px; left:100px; }
      #space { width:200px; height:200px; bottom:0px; right:0px; }
    </style>
  </head>
  <body>
    <div id="game-container">
      <canvas id="canvas" width="780" height="540"></canvas>
      <div id="left-controls">
        <div id="up" class='button'>THRUST</div>
        <div id="left" class='button'>LEFT</div>
        <div id="right" class='button'>RIGHT</div>
      </div>
      <div id="right-controls">
        <div id="space" class='button'>FIRE</div>
      </div>
    </div>
    Use arrow keys to control the ship.<br>
    Press SPACE to fire.<br>
    <br>
       <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5502194389395403"
     crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="fluid"
     data-ad-layout-key="-fb+5w+4e-db+86"
     data-ad-client="ca-pub-5502194389395403"
     data-ad-slot="4975843246"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script><br><br>
     -------------------------------<br>
   [ NAVIGATION MENU ]<br>
   -------------------------------<br>
   <br>
   <a href="https://github.com/3kh0">View me on GitHub</a><br>
   <br>
   <a href="/">Go to the homepage</a><br>
   <br>
   <a href="#top">Back to top of page</a><br>
 <br>
   <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5502194389395403"
     crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="fluid"
     data-ad-layout-key="-fb+5w+4e-db+86"
     data-ad-client="ca-pub-5502194389395403"
     data-ad-slot="4975843246"></ins>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
  </body>
</html>