<!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 Platformer</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>
<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/RIGHT</b> to move, <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>
没有合适的资源?快使用搜索试试~ 我知道了~
html5+js开发3D跳塔小游戏源代码.rar
共65个文件
png:59个
js:3个
html:1个
需积分: 5 1 下载量 53 浏览量
2023-01-27
15:32:49
上传
评论 1
收藏 265KB RAR 举报
温馨提示
html5+js开发3D跳塔小游戏源代码
资源推荐
资源详情
资源评论
收起资源包目录
html5+js开发3D跳塔小游戏源代码.rar (65个子文件)
html5+js开发3D跳塔小游戏源代码
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
共 65 条
- 1
资源评论
HappyGirl快乐女孩
- 粉丝: 1w+
- 资源: 4160
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功