html大鱼吃小鱼游戏,大鱼吃小鱼 网页游戏源码(javascript)

【实例简介】适合入门,JS网页小游戏

【实例截图】

4257b7886a14cf30918d11bb36ccff7f.png

【核心代码】

dcc12c419e850e2403b501a1cd607264.jpg

【核心代码】

大鱼吃小鱼

*{font-family:"Scerh",sans-serif}

.jdtstt{border:1px solid #000;}

.rightsty{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);}

.trans{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg==)}

html,body{overflow:hidden;}

input[type="button"]{background-color:#fff;border:1px solid #808080;cursor:pointer}

分数0

生命20

等级1

生命进度
等级进度

fish.png

游戏说明
哇哦,大鱼吃小鱼jQuery版。美丽的大海,灿烂的珊瑚。吃小鱼了!!
放飞梦想,全部鱼群。好玩的游戏,小鱼来吃呀!
小心,这个等级过小,这个大的鱼扣除生命
作者:放飞的你们
17素材
游戏结束

bg.jpg

var fish_a_1=0,fish_a_2=0,score=0,life=20,level=1,lifest=0,lvst=0,lvmax=5,lvaccd=1,gamestyle

$(".gamestt").bind("mousemove",function(event){

var event=event||window.event

$(".fish").css({left:event.clientX "px",top:event.clientY "px"}).show()

fish_a_1=event.clientX

if(fish_a_1>fish_a_2){$(".fish").addClass("rightsty")}else{$(".fish").removeClass("rightsty")}

fish_a_2=event.clientX

})

$(".title-head").bind("mouseover",function(){

$(".fish").hide()

})

var dedeabc=1

function fishaa(){

dedeabc

var acbb=(Math.floor(Math.random()*lvaccd) 1)

if(Math.random()>0.5){

$(".gamestt").append("fish%22%20acbb%20%22.png")

$(".abccaae" dedeabc).animate({left:"-126px"},(Math.random()*8000) 2000,"linear",function(){$(this).remove()})

}else{

$(".gamestt").append("fish%22%20acbb%20%22.png")

$(".abccaae" dedeabc).animate({right:"-126px"},(Math.random()*8000) 2000,"linear",function(){$(this).remove()})

}

}

function smjds(i){

lifest =i;if(lifest>=500){lifest=0;life =10;$(".Life").html(life)}

$(".jdtsww1").css("width",((lifest/500)*100) "%")

lvst ;if(lvst>=lvmax){lvst=0;level =1;lvmax =5;$(".Level").html(level)}

$(".jdtsww2").css("width",((lvst/lvmax)*100) "%")

}

function abcyu(i,j){

if(!(j==lvaccd&&Math.random()>0.9)){

$(i).remove()

score =(10*j)*level;$(".Score").html(score)

smjds(10)

}else{

life--;$(".Life").html(life)

if(life==0){$(".gameover").show();$(".fish").css("visibility","hidden");clearTimeout(gamestyle)}

}

if(level==3){lvaccd=2}

if(level==10){lvaccd=3}

if(level==20){lvaccd=4}

if(level==30){lvaccd=5}

if(level==40){lvaccd=6}

if(level==50){lvaccd=7}

if(level==60){lvaccd=8}

}

function awwae(){fishaa();gamestyle=setTimeout(awwae,Math.random()*1000)}

setInterval(function(){lifest--;if(lifest<=0){lifest=0;};$(".jdtsww1").css("width",((lifest/500)*100) "%")},100)

function startgame(){

score=0;life=20;level=1;lifest=0;lvst=0;lvmax=5;lvaccd=1

gamestyle=setTimeout(awwae,Math.random()*1000)

$(".mainmenu,.gameover").hide();$(".fish").css("visibility","");$(".title-head").animate({top:"0px"});

$(".Score").html(score);$(".Life").html(life);$(".Level").html(level);$(".jdtsww1").css("width","0%");$(".jdtsww2").css("width","0%")

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值