欢迎光临
我们一直在努力

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

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

【实例截图】

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

【核心代码】

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

【核心代码】

大鱼吃小鱼

*{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%")

}

  • 海报
海报图正在生成中...
赞(0) 打赏
声明:
1、本博客不从事任何主机及服务器租赁业务,不参与任何交易,也绝非中介。博客内容仅记录博主个人感兴趣的服务器测评结果及一些服务器相关的优惠活动,信息均摘自网络或来自服务商主动提供;所以对本博客提及的内容不作直接、间接、法定、约定的保证,博客内容也不具备任何参考价值及引导作用,访问者需自行甄别。
2、访问本博客请务必遵守有关互联网的相关法律、规定与规则;不能利用本博客所提及的内容从事任何违法、违规操作;否则造成的一切后果由访问者自行承担。
3、未成年人及不能独立承担法律责任的个人及群体请勿访问本博客。
4、一旦您访问本博客,即表示您已经知晓并接受了以上声明通告。
文章名称:《html大鱼吃小鱼游戏,大鱼吃小鱼 网页游戏源码(javascript)》
文章链接:https://www.456zj.com/37279.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址