<html>
<link rel="stylesheet" type="text/css" href="css/index.css"/>
<script src="js/lufylegend-1.10.1.min.js"></script>
<script src="js/jquery-3.3.1.js"></script>
<body>
<div id="container">
<div id="game">
<audio id="player" src=""></audio>
<div id="info">
<div id="info_life"></div>
<div id="info_score">
<div class="info_score_num"><img src="css/img/0.png"></div>
<div class="info_score_num"><img src="css/img/0.png"></div>
<div class="info_score_num"><img src="css/img/0.png"></div>
<div class="info_score_num"><img src="css/img/0.png"></div>
</div>
</div>
<div id="main">
<div id="menu">
<div id="menu_title"><text>是男人就下100层</text></div>
<div id="menu_hero">
<div id="menu_hero1"><img src="css/img/left.png"/></div>
<div id="menu_hero2"></div>
<div id="menu_hero3"><img src="css/img/right.png"/></div>
</div>
<div id="menu_button">
<button id="menu_button1">开始游戏</button><br/>
<button id="menu_button2">排行榜</button>
</div>
</div>
<div id="gamemain">
<div id="hero"></div>
<div id="game_bg2"><img src="css/img/game_bg2.png"></div>
</div>
<div id="ranking">
<text>排行榜</text>
<div id="rank_table">
<dl>
<dt>排名</dt>
<dd>1</dd>
<dd>2</dd>
<dd>3</dd>
<dd>4</dd>
<dd>5</dd>
</dl>
<dl>
<dt>英雄大名</dt>
<dd></dd>
<dd></dd>
<dd></dd>
<dd></dd>
<dd></dd>
</dl>
<dl>
<dt>层数</dt>
<dd></dd>
<dd></dd>
<dd></dd>
<dd></dd>
<dd></dd>
</dl>
</div>
</div>
</div>
</div>
</div>
</body>
<script>
/**************************便捷函数**************************************/
function getRandom(min,max){//获取在区间[min.max]内的int数
var s;
s=parseInt(Math.random()*max+1);
while(s<min)
{
s=parseInt(Math.random()*max+1);
}
return s;
}
function onIt(hx,hy,fx,fy){
if(hx<=fx+60&&hx>=fx-32&&hy>=fy-32&&hy<=fy-31)
return 1;
else
return 0;
}
var shansuoTimes=0;
function shansuo(){//闪烁3次
shansuoTimes++;
$('#hero').fadeTo(200,0.1);
$('#hero').fadeTo(200,1);
if(shansuoTimes<=3)
setTimeout("shansuo()",400);
else
shansuoTimes=0;
}
function sleep(ms){//时间延迟函数
return new Promise(resolve =>setTimeout(resolve,ms))
}
async function test() {
console.log('Hello')
await sleep(1000)
console.log('world!')
}
test();
/**************************基础页面操作设置**************************************/
var hero_href=new Array(),hero_href_key=1;
for(var i=1;i<=15;i++){
hero_href[i]="css/hero/"+i+".png";
}
//js改变网页页面大小
document.body.style.zoom=.8;
//控制menu、gamemain、ranking的显示
$("#menu_button1").click(function(){
$("#menu").css('display','none');
$("#gamemain").css('display','block');
$("#ranking").css('display','none');
heroDie();
init(0,"hero",32,32,main);
check();
heroDown();
myfloor();
displayScore();
displayLife();
})
$("#menu_button2").click(function(){
$("#menu").css('display','none');
$("#gamemain").css('display','none');
$("#ranking").css('display','block');
})
//控制英雄的切换
$("#menu_hero1 img").click(function(){
if(hero_href_key>1) hero_href_key--;
heroDie();
main();
})
$("#menu_hero3 img").click(function(){
if(hero_href_key<15) hero_href_key++;
heroDie();
main();
})
//分数显示
var score_pic=new Array('css/img/0.png','css/img/1.png','css/img/2.png','css/img/3.png','css/img/4.png','css/img/5.png','css/img/6.png','css/img/7.png','css/img/8.png','css/img/9.png',);
var score=0;
function displayScore(){
var s=score;
var score0=s%10;
var score1=parseInt(s/10)%10;
var score2=parseInt(s/100)%10;
var score3=parseInt(s/1000);
$(".info_score_num img").eq(3).attr('src',score_pic[score0]);
$(".info_score_num img").eq(2).attr('src',score_pic[score1]);
$(".info_score_num img").eq(1).attr('src',score_pic[score2]);
$(".info_score_num img").eq(0).attr('src',score_pic[score3]);
setTimeout('displayScore()',50);
}
//生命条显示
var deadflag=false;
function displayLife(){
isdie();
$("#info_life").css('width',nowHP*8+'px');
if(nowHP<=4&&nowHP>0) $("#info_life").css('background','red');
if(nowHP==0&&deadflag==false) {playMusic(1);deadflag=true;}
setTimeout('displayLife()',50);
}
function playMusic(i) {
var player = $("#player")[0];
if(i==1)
{
player.src='css/sound/dead.mp3';
player.play();
}
}
/**************************游戏设置**************************************/
/***lufylegend框架封装英雄类*****/
var loader,anime,layer;
init(50,"menu_hero2",32,32,main);
function main(){
loader=new LLoader();
loader.addEventListener(LEvent.COMPLETE,loadBItmapdata);
loader.load(hero_href[hero_href_key],"bitmapData");
}
function loadBItmapdata(event){
var bitmapdata=new LBitmapData(loader.content,0,0,64,64);
var list=LGlobal.divideCoordinate(128,128,4,4);
layer=new LSprite();
addChild(layer);
anime=new LAnimation(layer,bitmapdata,list);
layer.addEventListener(LEvent.ENTER_FRAME,onframe);
}
function onframe(){
$(document).keydown(function(event){
if(event.which==39){
anime.setAction(2);
}
else if(event.which==37){
anime.setAction(1);
}
});
$(document).keyup(function(event){
anime.setAction(0);
});
anime.onframe();
}
function heroDie(){
layer.die();
layer.removeAllChild();
}
/***封装游戏背景类*****/
var bgHeight=0;
function background(){
bgHeight+=2;
$("#gamemain").css('background','url("css/img/gamemain_bg.png") 0px '+bgHeight+'px');
if(bgHeight>=550) bgHeight=0;//防止bgHeight过大
setTimeout('background()',50);
}
background();
/*********封装地板****************/
function floor(){
var that=this;
var img=$(new Image());
var floorx=Math.random()*370;
var floory=530;
this.createFloor1=function(){//地板1类
img.attr({
'src':'css/img/floor1.png',
'class':'floor',
'relative':0,
'type':1
是男人就下一百层.zip
需积分: 50 156 浏览量
2020-04-28
10:11:46
上传
评论
收藏 1.51MB ZIP 举报
是男人就下一百层.zip （44个子文件） 
是男人就下一百层 
index.html 14KB js 
jquery-3.3.1.js 265KB lufylegend-1.10.1.min.js 185KB css index.css 2KB img 
game_bg2.png 11KB 4.png 3KB floor4in1.png 3KB floor1.png 7KB 3.png 3KB left.png 3KB floor4in3.png 5KB
container_bg.jpg 653KB green.png 3KB
floor5.gif 5KB 7.png 3KB floor3.png 4KB 5.png 3KB 1.png 3KB 2.png 3KB gamemain_bg.png 300KB floor4in2.png 7KB game_bg.png 122KB 6.png 4KB floor2.png 4KB 8.png 4KB 0.png 3KB 9.png 4KB right.png 3KB hero 4.png 15KB 12.png 12KB 3.png 16KB 7.png 10KB 15.png 16KB 5.png 14KB 1.png 17KB 2.png 17KB 11.png 15KB 6.png 18KB 8.png 8KB 9.png 20KB 10.png 20KB 13.png 18KB 14.png 17KB sound dead.mp3 28KB资源评论
