PageSourceSearch

https://djreiss.github.io/asteroids/

html djreiss.github.io collected 2026-10-03 09:01:14 UTC 4,925 bytes, 162 lines download raw bytes

1<!DOCTYPE HTML>
2<html lang="en">
3  <head> 
4    <link href='http://fonts.googleapis.com/css?family=Orbitron:900' rel='stylesheet' type='text/css'>
5    <title>3d asteroids</title>
6    <meta charset="utf-8">
7 <!-- fonts from https://code.google.com/webfonts; 'Geo' is another good one -->
8    <meta name="description" content="3D WebGL browser game. Destroy the asteroids and UFOs before they destroy you or collide with Earth.">
9    <meta name="keywords" content="html5, webgl, javascript, three.js, 3D, asteroids, game, browser game, first person shooter">
10    <meta property="fb:admins" content="1104595720" />
11    <!--<meta name="viewport" content="width=device-width,user-scalable=no; initial-scale=1.0; maximum-scale=1.0;" />
12    <meta name="apple-mobile-web-app-capable" content="yes" />
13    <meta name="apple-mobile-web-app-status-bar-style" content="black">-->
14    <style type="text/css">
15			body {
16				background-color: #000000;
17				margin: 0px;
18				overflow: hidden;
19			}
20
21			a {
22				color:#0078ff;
23			}
24			
25			#info {
26				position: absolute;
27				top: 60px; left: 20%; width: 60%; height: 30%;
28				color: #ffffff;
29				padding: 5px;
30				font-family: 'Orbitron', serif;
31				font-size: 14px;
32				text-align: center;
33				z-index: 100;
34				border: 2px solid white;
35				border-radius: 10px;
36				padding:2px 5px;
37				background-color:rgba(255,255,255,0.2);
38			}
39
40			.hud {
41				position: absolute;
42				z-index: 9999;
43				color:white;
44				font-family: 'Orbitron', serif;
45				font-size: 100%;
46				font-style: normal;
47				text-shadow: 0px 0px 16px #ddd, 0px 0px 3px #ddd;
48			}
49
50			#Score {
51				bottom: 40px;
52				right: 20px;
53				font-size: 100%;
54			}
55
56			#Energy {
57				bottom: 10px;
58				right: 20px;
59				font-size: 100%;
60				color: #272;
61			}
62
63			#Lives {
64				bottom: 10px;
65				left: 20px;
66				font-size: 100%;
67			}
68
69			#UFOs {
70				bottom: 40px;
71				left: 20px;
72				font-size: 100%;
73				color: #f44;
74			}
75
76			#gameOver {
77				text-align: center;
78			        width: 500px;
79				font-size: 500%;
80				color: #44f;
81				margin: 5em auto 0;
82			}
83
84			#nAst { 
85				bottom: 70px;
86				left: 20px;
87				font-size: 100%;
88			}
89
90			#oldie {
91				font-family: monospace;
92				font-size: 18px;
93
94				text-align: center;
95				background: rgb(80,0,0);
96				color: #fff;
97				padding: 5em;
98
99				width: 475px;
100				margin: 5em auto 0;
101
102				display: none;
103			}
104			
105			#fbLike {
106				top: 5px;
107				right: 5px;
108				font-size: 100%;
109				color: #272;
110			}
111
112			a {
113				color: orange;
114				text-decoration: none;
115			}
116
117			a:hover {
118				color: #0080ff;
119			}
120    </style>
121<script type="text/javascript"> <!-- google analytics code -->
122  var _gaq = _gaq || [];
123  _gaq.push(['_setAccount', 'UA-20638339-1']);
124  _gaq.push(['_trackPageview']);
125
126  (function() {
127    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
128    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
129    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
130  })();
131</script>
131
132  </head>
133  <body>
134    <div id='Score' class='hud'></div>
135    <div id='Lives' class='hud'></div>
136    <div id='UFOs' class='hud'></div>
137    <div id='Energy' class='hud'></div>
138    <div id='gameOver' class='hud'>Loading...</div>
139    <div id='nAst' class='hud'></div>
140    <div id="oldie">
141      Sorry, your browser doesn't support <a href="http://khronos.org/webgl/wiki/Getting_a_WebGL_Implementation">
142	WebGL</a>.<br/><br/>
143      Please try one of:
144      <a href="http://www.chromium.org/getting-involved/dev-channel">Chrome 9+</a> /
145      <a href="http://www.mozilla.com/en-US/firefox/all-beta.html">Firefox 4+</a> /
146      <a href="http://nightly.webkit.org/">Safari OSX 10.6+</a>
147      </div>
148    <div id="main_canvas"></div> 
149    <div id="info">
150      <center><table frame="void" border="1" width="98%" cellpadding="7" cellspacing="0">
151      <tr><td colspan="2"><center><br>3d asteroids game<br>(still in development, uses <a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> library)<br><br></center></td></tr>
152      <tr><td>Fire: &lt;Space&gt;</td><td>Shield: s</td></tr>
153      <tr><td>Rotate ship: arrow keys</td><td>Thrusters forward/left/right/retro: w/a/d/z</td></tr>
154      <tr><td>Toggle viewpoints: v</td><!--<td>Hide crosshairs: x</td></tr>-->
155      <td>Pause: p</td><tr><td><font color="#ff0000">Show/hide this info: h</font></td></tr></table></center>
156    </div>
157    <div id='fbLike' class='hud'>
158    <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdjreiss.isgreat.org%2Fasteroids&amp;layout=button_count&amp;show_faces=true&amp;width=50&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:21px;" allowTransparency="true"></iframe>
159    </div>
160    
160<script type="text/javascript" src="./asteroid_compiled.js"></script>
160
161  </body>
162</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.