html网页小游戏存档,原创记忆小游戏-HTML网页版

消除钻石游戏

要消除的方块 :

what.png

商城积分:0   

去商城  

倒计时:

0

误点个数:

0

focus.pngfocus.pngfocus.pngfocus.png
focus.pngfocus.pngfocus.pngfocus.png
focus.pngfocus.pngfocus.pngfocus.png
focus.pngfocus.pngfocus.pngfocus.png

//消除用时

var usedtime;

//游戏状态

var ready;

//图片资源路径字符串

var s0;

//游戏区各种颜色钻石的数量:

var rednum;

var purplenum;

var greennum;

//需要消除的颜色的数量

var neednum;

//错误个数

var wrongnum;

//要消除的颜色代号[red:0;green:1;purple:2]

var targetcolornum;

//定义数组用于保存钻石分布信息,下标为0的不用

var diaArray=new Array();

//方块名称数组

var imgName = new Array("red.png","green.png","purple.png");

var imgName2 = new Array("red2.png","green2.png","purple2.png");//小图

//alert(Math.floor(Math.random()*10%3));

//alert(imgName[Math.floor(Math.random()*10%3)]);

//记忆游戏:

//清空div画面

function removeall(){

window.location.reload();

}

function init(){

//用时

usedtime=0;

//游戏状态

ready=false;

//背景音乐

var voice = document.getElementById("bg");

voice.src="bg.mp3";

//初始化钻石数量

rednum=0;

purplenum=0;

greennum=0;

//需要消除的个数

neednum=0;

//初始化错误个数

wrongnum=0;

var timetxt = document.getElementById("countTime");

timetxt.innerHTML="0";

var t = 5;

var t1=setInterval(function(){t--;timetxt.innerHTML=t;},1000);

var t2=setInterval(function(){if(timetxt.innerText<0){timetxt.innerText="0";clearInterval(t1);clearInterval(t2);clear()}},10);

//初始化游戏区

var img = document.getElementById("00");

var s=img.src;

var index1=s.lastIndexOf("/");

s0=s.slice(0,index1+1);

//随机生成游戏区的钻石

for(var d=1;d<=16;d++){

var dd=d;

var str=dd.toString();

var tempimg=document.getElementById("diamond"+str);

diaArray[d]=Math.floor(Math.random()*10%3);

tempimg.src=s0+imgName[diaArray[d]];

switch(diaArray[d]){

case 0:rednum++;break;

case 1:greennum++;break;

case 2:purplenum++;break;

default:alert("error");

}

}

function clear(){

//开始计时

//var t3=setInterval(usedtime++,1000);

document.getElementById("timetxt").innerHTML="已用时间:";

var counttime=document.getElementById("countTime");

var usedt=0;

var t3=setInterval(function(){usedt++;usedtime=usedt;counttime.innerHTML=usedt.toString();},1000);

//可以点了

ready=true;

//揭开要消除的颜色

targetcolornum = Math.floor(Math.random()*10%3);

img.src=s0+imgName2[targetcolornum];

//确定需要消除的颜色的数量

switch(targetcolornum){

case 0:neednum=rednum;break;

case 1:neednum=greennum;break;

case 2:neednum=purplenum;break;

default:alert("error");

}

//隐藏钻石

for(var d=1;d<=16;d++){

var dd=d;

var str=dd.toString();

var tempimg=document.getElementById("diamond"+str);

tempimg.src=s0+"whatbig.png";

}

}

}

//计算综合得分

function score(wrongNum,usedTime,neednum){

var first=Math.floor(neednum/3);

if(wrongnum<=first){

return 100-(wrongNum*5+usedTime);

}

else{

return 100-(wrongNum*10+usedTime);

}

}

//处理玩家操作响应

function deal(obj){

if(!ready){return;}

var eimg = document.getElementById(obj.id);

var ID=obj.id;

var theid=ID.slice(7);//点击的钻石的编号下标

if(diaArray[theid]==targetcolornum.toString())//如果点击的是需要消除的

{

//播放声音

document.getElementById("voice").src="voice.mp3";

eimg.src=s0+imgName[targetcolornum];//显示

--neednum;

//已经全部选中

if(neednum<=0){

ready=false;

//document.getElementById("counttime").innerHTML=0;

if(wrongnum==0){

alert("哇偶好厉害全部选对!^_^"+"
"+"用时"+usedtime+"秒!");

}else if(wrongnum>3){

alert("... ... 你终于全部选粗来了!"+"用时"+usedtime+"秒!");

}else{

alert("恭喜全部选粗来了!"+"用时"+usedtime+"秒!");

}

var finscore=score(wrongnum,usedtime,neednum).toString();

if(finscore<=0)

{alert("零蛋!唉...怎么说你好呢~"); removeall();}

else{

alert("综合得分:"+finscore);

}

//重置

removeall();

}

}else{

//错误个数+1

wrongnum++;

document.getElementById("warning").src="warning.mp3";

document.getElementById("wrongnum").innerHTML=wrongnum.toString();

//alert("哎呦喂~点错啦亲!=_=");

eimg.src=s0+"cry.png";//标记

}

}//init end

//==============================================================================================================================================

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值