Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
executable file 113 lines (99 sloc) 6.33 KB
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>SpaceBall Pong Game | Spin your way to victory and save the world!</title>
<link rel="icon" type="image/x-icon" href="favicon.ico">
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
<!--[if lt IE 8]>
<p class="chromeframe">You are using an outdated browser. <a href="">Upgrade your browser today</a> or <a href="">install Google Chrome Frame</a> to better experience this site.</p>
<div class="wrapper push-a-bit">
<div class="canvasWrapper">
<canvas id="main-canvas" width="800" height="600"></canvas>
<div class="score-title">Score</div>
<div class="time-title">Time</div>
<div id="score">0</div>
<div id="time">00:00:00</div>
<div id="mute-button" title="Mute ON / OFF"></div>
<div id="nameModal">
<form id="scoreform" method="post">
<h3>Choose a nickname!</h3>
<input type="text" maxlength="15" name="nick" id="nick" placeholder="Type your hipster nick, bro" autofocus>
<input id="yes-button" class="submit-button" value="SUBMIT SCORE" type="submit" />
<div id="no-button" class="submit-button">TRY AGAIN</div>
<div id="start-game-modal">
<h3>Welcome, show us what you've got!</h3>
<div id="start-button" class="submit-button">START GAME!</div>
<div id="error-modal">
<h3>Sorry bro, something went wrong...</h3>
<div id="reload-page-button" class="submit-button">RELOAD PAGE</div>
<div class="how-to-play">
<h2>How to play?</h2>
<img src="img/buttons.gif" alt="How to play" />
<p>Your mission is to keep the UFO over the Earth. Use the left and right arrow keys to kick some speed to your pad. The game ends when the UFO hits the border. Try the game a few times and you'll get the idea. You've seen a round pong before, haven't you?<br /><br />The longer you survive the more points you get. The more points you get the higher you climb in the rank. Spin your way to victory and save the world!</p>
<div class="score-board" id="score-board">
<div class="score-explanation">
<h2>Top 10</h2>
<p>On the right there's a list. On that list you can find the uncensored nicknames of the top 10 players. The player with the most points in the shortest period of time gains the first place on the Top 10 list.<br /><br />As the folks on the web like to refresh things we've given you a refresh button to refresh the Top 10 list. It's in the top left corner of the list.<br /><br />Good luck trying, have fun and choose your nick wisely!</p>
<img class="refresh-image" src="img/refresh.png" alt="Refresh score" title="Click to refresh score table" />
<div class="contact-us">
<h2>Constructive critique?</h2>
<p>If you want to give feedback or get in touch the humans responsible are:<br /><br />Joonas Salovaara - <a href="">@sarukuku</a><br />Roope Merikukka - <a href="">@roopemerikukka</a><br />Matti Koivula - <a href="">@mattikoivula</a><br />Valtteri Virtanen - <a href="">@vavirta</a><br /></p>
<div class="clearfix"></div>
<a href=""><img style="position: absolute; top: 0; right: 0; border: 0;" src="" alt="Fork me on GitHub"></a>
<script src="js/vendor/underscore.min.js"></script>
<script src=""></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
<script src="js/jquery.rotate.js"></script>
<script src="js/jquery.tipTip.minified.js"></script>
<script src="js/plugins.js"></script>
<script src="js/sylvester.js"></script>
<script src="js/soundgun.js"></script>
<script src="js/textgun.js"></script>
<script src="js/timer.js"></script>
<script src="js/highscoreparser.js"></script>
<script src="js/rotation.js"></script>
<script src="js/utils.js"></script>
<script src="js/objects.js"></script>
<script src="js/engine.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
function stopRKey(evt) {
var evt = (evt) ? evt : ((event) ? event : null);
var node = ( ? : ((evt.srcElement) ? evt.srcElement : null);
if ((evt.keyCode == 13) && (node.type=="text")) {return false;}
document.onkeypress = stopRKey;
var _gaq=[['_setAccount','UA-21692052-10'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];