|
|
|
@ -2,7 +2,7 @@
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<title>Gravity Pong: Functional Reactive Programming in Clojure using core.async</title>
|
|
|
|
|
<title>Gravity Pong: Flow Based Programming in Clojure using core.async</title>
|
|
|
|
|
<!--[if lt IE 9]>
|
|
|
|
|
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
|
|
|
|
<![endif]-->
|
|
|
|
@ -13,6 +13,8 @@ body {
|
|
|
|
|
|
|
|
|
|
#title {
|
|
|
|
|
margin: 0px;
|
|
|
|
|
width: 98%;
|
|
|
|
|
position: absolute;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#ball {
|
|
|
|
@ -35,7 +37,7 @@ body {
|
|
|
|
|
|
|
|
|
|
#canvas {
|
|
|
|
|
border: 2px green solid;
|
|
|
|
|
margin-top: 3px;
|
|
|
|
|
margin-top: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#score {
|
|
|
|
@ -61,6 +63,9 @@ body {
|
|
|
|
|
<center>
|
|
|
|
|
<div id="screen">
|
|
|
|
|
<h2 id="title">Gravity Pong!</h2>
|
|
|
|
|
<div style="float: right">
|
|
|
|
|
<a target="_blank" href="http://github.com/abhin4v/frpong">github</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="msg">press <space> to start</div>
|
|
|
|
|
<svg id="canvas">
|
|
|
|
|
<circle id="mass" />
|
|
|
|
@ -74,9 +79,7 @@ body {
|
|
|
|
|
fps <span id="fps">0</span>
|
|
|
|
|
</div>
|
|
|
|
|
use W-S and Up-Down keys to move the paddles / use Left-Right keys to change gravity
|
|
|
|
|
<div style="float: right">
|
|
|
|
|
<a target="_blank" href="http://github.com/abhin4v/frpong">github</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="float: right; font-size: smaller">Works only on Google Chrome</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</center>
|
|
|
|
|