Permalink
Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
102 lines (87 sloc) 3.12 KB
<!DOCTYPE html>
<html>
<head>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="user-scalable=no,initial-scale=0.3" />
<title>Dependency</title>
<style>
html {
background-color: black;
}
canvas {
position: relative;
background-color: black;
border-style: solid;
border-width: 1px;
border-color: white;
position: absolute;
left: 50%;
margin-left: -500px;
top: 50%;
margin-top: -405px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#controls {
color: white;
position: absolute;
left: 50%;
margin-left: -500px;
top: 50%;
margin-top: 193px;
font-size: 19px;
width: 1015px;
}
button {
position: absolute;
left: 50%;
margin-left: -150px;
top: 50%;
margin-top: 155px;
height: 50px;
width: 300px;
}
#Loading {
position: absolute;
left: 50%;
margin-left: -135px;
top: 32%;
margin-top: 0px;
color: green;
font-size: 55pt;
}
#LoadingMessage {
position: absolute;
left: 50%;
margin-left: -485px;
top: 32%;
margin-top: 330px;
color: #C91606;
font-size: 12pt;
width: 300px;
}
a {
color: #0C990C;
}
</style>
</head>
<body>
<div id="controls">
<h3><strong>Dependency</strong> by <a href="http://twitter.com/therealstevenjt">@therealstevenjt</a>. Created for the GitHub Game Off 2012.</h3>
<p>Select units by left clicking them, right click to move and attack. Move the view by using WASD or the arrow keys on your keyboard.<p>
<p>Make it to the elevator. To clone new units you must have the required matter count (50).</p>
<p>Matter can be harvested by moving the Matriarch near the cube objects throughout the map.</p>
</div>
<h2 id="Loading">Loading<h2>
<h3 id="LoadingMessage">(The canvas may be blank for a few seconds while assets load)</h3>
<canvas id="c"></canvas>
<button id="Clone" type="button">Clone Selected Unit (requires 50 matter)</button>
<script src="js/jquery-1.8.2.min.js"></script>
<script src="js/requestAnimationFrame.js"></script>
<script src="src/Isometric.js"></script>
</body>
</html>