<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
<title>Tower Gamer</title>
<link href='http://fonts.googleapis.com/css?family=Cherry+Swash' rel='stylesheet' type='text/css'>
<style>
body { background: #111; }
#tower { position: relative; margin: 1em auto; width: 512px; height: 384px; border: 4px solid #C080C0; }
#hud { position: absolute; bottom: 0em; width: 8em; background-color: red; opacity: 0.8; border: 4px solid black; }
#score { color: yellow; font-size: 2em; font-family: 'Cherry Swash', cursive }
#canvas { display: inline-block; width: 100%; height: 100%; }
#instructions { font-style: italic; color: #999; font-size: 9pt; margin-left: 1em; margin-top: 0.5em; }
#instructions b { color: #DDD; }
@media screen and (min-width: 0px) and (min-height: 0px) { #tower { width: 512px; height: 384px; font-size: 7pt; } } /* block = 16 */
@media screen and (min-width: 840px) and (min-height: 530px) { #tower { width: 640px; height: 480px; font-size: 9pt; } } /* block = 20 */
@media screen and (min-width: 968px) and (min-height: 626px) { #tower { width: 768px; height: 576px; font-size: 11pt; } } /* block = 24 */
@media screen and (min-width: 1096px) and (min-height: 722px) { #tower { width: 896px; height: 672px; font-size: 13pt; } } /* block = 28 */
@media screen and (min-width: 1224px) and (min-height: 818px) { #tower { width: 1024px; height: 768px; font-size: 15pt; } } /* block = 32 */
</style>
</head>
<body>
<center><h1 style="color:#fff;">Tower Game</h1></center>
<div id="tower">
<div id="hud">
<table>
<tr><td><img src="images/coin.png"></td><td><span id="score"></span></td></tr>
</table>
</div>
<canvas id="canvas">
<div class="unsupported">
Sorry, this example cannot be run because your browser does not support the <canvas> element
</div>
</canvas>
<div id="instructions">
<b>LEFT or RIGHT Arrow Keys</b> to move, <b>Up Arrow Key</b> to Climb, <b>SPACE</b> to jump
<span id="debug"></span>
</div>
</div>
<script src="js/fpsmeter.min.js"></script>
<script src="js/common.js"></script>
<script src="js/tower.js"></script>
</body>
</html>
Simple Tower Game using JavaScript with Free Source Code.zip
163 浏览量
2023-11-08
19:52:34
上传
评论
收藏 274KB ZIP 举报
Simple Tower Game using JavaScript with Free Source Code.zip （65个子文件） 
Simple Tower Game using JavaScript js 
common.js 7KB fpsmeter.min.js 7KB tower.js 39KB license 1KB
index.html 2KB images 
ground.png 1KB coin.png 1KB monster blocker2.png 1KB slimeright1.png 1014B flyleft1.png 2KB slimeright2.png 1KB snailright1.png 2KB flyleft2.png 1KB snailright2.png 2KB slimeleft1.png 788B snailleft2.png 2KB blocker1.png 1KB slimeleft2.png 1KB flyright2.png 2KB flyright1.png 1KB snailleft1.png 1KB player 24_left.png 3KB 04_right.png 4KB 08_right.png 3KB 20_left.png 4KB 01_right.png 4KB 28_climb.png 3KB 22_left.png 3KB 35_climb.png 3KB 02_right.png 4KB 32_climb.png 3KB 09_right.png 3KB 17_left.png 3KB 11_front.png 3KB 33_climb.png 3KB 03_right.png 4KB 12_front_right.png 3KB 14_jump.png 4KB 34_climb.png 3KB 19_left.png 4KB 27_left.png 3KB 29_climb.png 3KB 38_climb.png 3KB 23_left.png 3KB 26_left.png 3KB 06_right.png 3KB 37_climb.png 3KB 15_hurt_left.png 4KB 36_climb.png 3KB 30_climb.png 3KB 16_hurt_right.png 4KB 00_right.png 4KB 25_left.png 3KB 21_left.png 4KB 18_left.png 4KB 13_front_left.png 3KB 31_climb.png 3KB 05_right.png 3KB 07_right.png 3KB 10_right.png 3KB player.png 65KB monster.png 13KB ladder.png 2KB coins.png 13KB levels demo.json 4KB资源评论
