updated for io ext

Author: Jenny Tong

asteroids/39459__THE_bizniss__laser.wav

@@ -0,0 +1,19 @@
+Copyright (c) 2010 Doug McInnes
+ 
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+ 
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+ 
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,       
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE    
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER         
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,  
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN      
+THE SOFTWARE.

asteroids/51467__smcameron__missile_explosion.wav

@@ -0,0 +1,3 @@
+# HTML5-Asteroids
+
+This is just a copy / paste into a slide deck. If you really want to us this sample, go here: https://github.com/firebase/HTML5-Asteroids

asteroids/LICENSE

@@ -0,0 +1,17 @@
+// http://jquery-howto.blogspot.com/2009/09/get-url-parameters-values-with-jquery.html
+$.extend({
+  getUrlVars: function(){
+    var vars = [], hash;
+    var hashes = window.location.href.slice(window.location.href.indexOf('#') + 1).split('&');
+    for(var i = 0; i < hashes.length; i++)
+    {
+      hash = hashes[i].split('=');
+      vars.push(hash[0]);
+      vars[hash[0]] = hash[1];
+    }
+    return vars;
+  },
+  getUrlVar: function(name){
+    return $.getUrlVars()[name];
+  }
+});

asteroids/README.md

@@ -0,0 +1,114 @@
+body {
+  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  background: url('bg_tile.jpg');
+  margin-left: auto;
+  margin-right: auto;
+  font-size: 16px;
+  color: #c0c0c0;
+}
+
+h1 {
+  font-size: 36px;
+  text-align: left;
+  font-weight: bold;
+  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  color: #c0c0c0;
+}
+
+h3 {
+  font-size: 24px;
+  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  color: #c0c0c0;
+}
+
+span {
+  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  color: #c0c0c0;
+}
+
+A:link {text-decoration: none; color: yellow}
+A:visited {text-decoration: none; color: yellow}
+A:active {text-decoration: none; color: yellow}
+A:hover {text-decoration: underline; color: white;}
+
+#asteroids {
+}
+
+#game-container {
+}
+
+#header-pane {
+}
+
+#header-left {
+  float: left;
+}
+
+.footer-col {
+  float: left;
+  width: 33%;
+}
+
+#header-right {
+  float: right;
+}
+
+#footer-pane {
+}
+
+
+.middle {
+  display:inline-block;
+  vertical-align:middle;
+}
+
+#game-pane {
+}
+
+#leaderboardTable {
+  overflow: auto;
+  color: #c0c0c0;
+}
+
+#canvas {
+  position:relative;
+  border: 8px solid #424547;
+  margin: 2px;
+  color: #424547;
+  background: url('stars.png');
+}
+
+.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;
+}
+
+
+#space {
+  width:200px;
+  height:200px;
+  bottom:0px;
+  right:0px;
+}
+
+