Sample Game Using GameQuery.js
HTML
<script src="http://gamequery.onaluf.org/download/jquery.gamequery-0.5.1.js"></script>
<script src="http://gamequery.onaluf.org/demos/2/soundmanager2.js"></script>
<script src="http://gamequery.onaluf.org/demos/jquery.gamequery.soundwrapper.soundmanager2.js"></script>
<script src="http://gamequery.onaluf.org/demos/2/collisionDemo.js"></script>
<div id="playground" style="width: 600px; height: 300px; background: black;">
<div id="welcomMessage"style="position: absolute; top: 120px; width: 600px; color: white;">
<div id="loadingBarB" style="position: relative; left: 100px; height: 15px; width: 400px; background: none; border: thin solid #660000">
<div id="loadingBar" style="position: relative; left: 0px; height: 15px; width: 0px; background: url('http://gamequery.onaluf.org/demos/2/load.png');">
</div>
<br />
<center><a style="cursor: pointer;" id="startbutton">Click here to start!</a></center>
</div>
</div>
</div>
CSS
html,body {
margin: 0;
padding: 0;
background-color: black;
font-family: verdana, sans-serif;
font-size: 8pt;
}
.muteButton {
background: url('http://gamequery.onaluf.org/demos/2/sound_mute.png');
width: 16px;
height: 16px;
cursor: pointer;
}
.unmuteButton {
background: url('http://gamequery.onaluf.org/demos/2/sound.png');
width: 16px;
height: 16px;
cursor: pointer;
}