html5小游戏源码-扫雷

<!doctype html>
<html>
<head>
<meta name="author" content="苏道涵"/>
<meta name="keywords" content="扫雷，html5小游戏"/>
<meta name="description" content="经典扫雷小游戏"/>
<meta http-equiv="content-Type" content="text/html;charset=gb2312"/><title>扫雷小游戏</title>
<style>
div.yangshi1{
font-size:25px;
margin-bottom:30px;
text-align:center;}
div.yangshi2{
width:100px;
height:50px;
border-style:solid;
text-align:center;
float:right;
}
</style>
</head>
<body>
<h1 align=center>扫雷小游戏</h1>
<canvas  width=1000px height=400px style="float:left" id="g"></canvas>
<div class="yangshi1" onclick="start()">开始</div>
<div class="yangshi1">计时</div>
<div id="time" class="yangshi2"></div><script>var tArray=new Array();
for(var k=0;k<40;k++){
tArray[k]=new Array();
for(var j=0;j<16;j++){
tArray[k][j]=0;
}
}var foody;
var foodx;
for(var i=0;i<100;i++){
foody=Math.ceil(Math.random()*16-1);
foodx=Math.ceil(Math.random()*40-1);while(foodx==-1||foody==-1||tArray[foodx][foody]==-1){
foody=Math.ceil(Math.random()*16-1);
foodx=Math.ceil(Math.random()*40-1);
}
tArray[foodx][foody]=-1;
for(var t=-1;t<2;t++){
for(var k=-1;k<2;k++){
if((foodx+t)!=-1&&(foody+k)!=-1&&(foodx+t)!=40&&(foody+k)!=16&&tArray[foodx+t][foody+k]!=-1 ){
tArray[foodx+t][foody+k]++;
}
}
}
}
var time=0;
function start(){
document.onclick=function(event){
var e=event||window.event;
var clickX=((e.screenX-50)/14.5*16)>>5;
var clickY=((e.screenY-195)/14.5*16)>>5;
var name=1
context.fillStyle="white";
if(tArray[clickX][clickY]==-1){
window.alert("gameover");
window.location.reload();
}
else {
context.fillRect(clickX*25,clickY*25,25,25);
context.font="20px Georgia";context.fillStyle="black";
context.fillText(tArray[clickX][clickY],clickX*25+10,clickY*25+15);}
}window.setInterval(timing,1000);}
function timing(){
time++;
document.getElementById("time").innerHTML=time;}
var drawing=document.getElementById("g");
if(drawing.getContext){
var context=drawing.getContext("2d");
context.fillStyle="gray";
context.fillRect(0,0,1000,400);context.fillStyle="black";context.beginPath();
context.lineWidth=2;
for(var i=25;i<=400;i=i+25){
context.moveTo(0,i);
context.lineTo(1000,i);}
for(var t=25;t<=1000;t=t+25){
context.moveTo(t,0);
context.lineTo(t,400);
}
context.stroke();}
</script>
</body></html>

html5小游戏源码-扫雷相关推荐

微信html5小游戏源码70种
2019独角兽企业重金招聘Python工程师标准>>> 微信html5小游戏源码70种 http://download.csdn.net/detail/csdddn/9419955游 ...
html5小游戏源码_[源码和报告分享]基于HTML5实现的贪吃蛇小游戏
1 游戏介绍贪吃蛇的经典玩法有两种: 积分闯关一吃到底第一种是笔者小时候在掌上游戏机最先体验到的(不小心暴露了年龄),具体玩法是蛇吃完一定数量的食物后就通关,通关后速度会加快:第二种是诺基亚在1 ...
HTML5小游戏源码分享【坑爹算术题，尝试逃脱，笨笨的一家，星球大战，小英雄呼呼】
坑爹算术题尝试逃脱笨笨的一家星球大战小英雄呼呼带支付 ,完全可以上线运营喔! 下载地址: http://ziyuan4.com/html5%e5%b0%8f%e6%b8%b8%e6%88%8f ...
h5忍者小游戏源码下载
下载地址一款忍者html5小游戏源码,可以当做手机端h5小游戏.在游戏中点击来改变忍者行动的路线,在游戏途中尽可能多的获得金币,要注意的是地图会随机生成,现在就让我们一起来试试吧! dd:
HTML5/Canvas太空射击类小游戏源码
下载地址 JavaScript HTML5/Canvas太空射击类小游戏源码,非常值得学习的一款js射击小游戏代码,美术有点老旧,但是代码是完全开源的,有参考价值. dd:
android扫雷小游戏制作,android扫雷小游戏源码
[实例简介] 一个简易的扫雷小游戏源码,可供android初学者参考学习 [实例截图] [核心代码] MineSweep └── MineSweep ├── AndroidManifest.xml ├ ...
HTML5高度还原复古24层魔塔网页版小游戏源码
简介: HTML5高度还原复古24层魔塔网页版小游戏源码网盘下载地址: http://kekewl.cc/OFfi6keX7OS0 图片:
html扑克牌游戏源码,html5扑克牌消除小游戏源码
特效描述:html5扑克牌消除小游戏源码.html5扑克牌消除小游戏源码代码结构 1. 引入CSS 2. 引入JS 3. HTML代码 $(function(){ //实现随机洗牌 neusoft ...
100行JS代码实现❤坦克大战js小游戏源码 HTML5坦克大战游戏代码(HTML+CSS+JavaScript )
坦克大战js小游戏源码 HTML5坦克大战游戏代码(HTML+CSS+JavaScript ) HTML5坦克大战网页小游戏,完美还原小霸王学习机效果,以坦克战斗及保卫基地为主题,属于策略型类游戏. ...

html5小游戏源码-扫雷

html5小游戏源码-扫雷相关推荐

最新文章

热门文章