当前位置:首页 > HTML5游戏 > 正文内容

水果五子棋

nrta1107个月前 (02-22)HTML5游戏315

游戏说明:

一款HTML5的五子棋小游戏,游戏中的棋子都是可爱的水果。如果你也喜欢五子棋游戏,那就赶快来挑战一下吧。

图片演示:

游戏通过鼠标左键/触摸进行操作,点击放置水果,五个连成一线的一方获得胜利。

如何开始:

游戏加载完毕点击播放键 - 再选择难度 - 点击向右按钮开始游戏

游戏目标:

阻止对手的棋子,并且尽快完成自己的五子连线!

代码简要解析:

HTML:

<div id="gameArea">
<div id="imgl2p"><img src="assets/graphics/p2l.jpg"></div>
<div id="background" style="-moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;"></div>
<canvas id="gameField" oncontextmenu="return false;"></canvas>
</div>
<div>

CSS:

body {
padding:0px;
margin:0px;
}
#gameArea {
position: fixed;
display: table;
}
#imgl2p {
display: none;
text-align: center;
vertical-align: middle;
width: 100%;
height: 100%;
}
#imgl2p img{
width: 100%;
}
canvas, #bg, #background{
display: block;
position:absolute;
width: 100%;
height: 100%;
}

源码下载:

点击下载(提取码:rxsb)

qrcode_for_gh_95ec6d40e739_258.jpg

扫描二维码关注公众号

如在微信端,长按二维码即可关注

版权声明:本文由蚂蚁开源_H5游戏,微信小程序,蚂蚁大喇叭发布,如需转载请注明出处。

本文链接:http://www.zzfriend.com/post/26.html

分享给朋友:

相关文章

剑雨来袭 保卫城堡/中世纪的国防

剑雨来袭 保卫城堡/中世纪的国防

中世纪的国防(Medieval Defense Z)是一款非常好玩的塔防策略类h5小游戏在线玩。在游戏中,玩家的任务是雇佣弓箭手来保护塔免受僵尸和其他生物的攻击,在塔前进中,在规定时间内躲避攻击的同时尽可能的吃掉金币,用来购买弓箭手和能力升...

解救小青蛙

解救小青蛙

很适合学习、休闲、动脑的H5小游戏代码下载:点击下载(提取码683m)...

愤怒的小红帽

愤怒的小红帽

游戏简介:HTML5愤怒的小红帽小游戏是一款益智休闲射击小游戏,游戏中一支箭,一个便当袋,小红帽能平安的到达老奶奶家吗?赶紧一起护送小红帽去奶奶家吧。完成这个神圣的任务,做真正的勇士!游戏规则:抓住跑来的怪物,进入靶心后射箭。源码演示:代码...

H5游戏,泰迪牌手榴弹

H5游戏,泰迪牌手榴弹

泰迪牌手榴弹,类似于植物大战僵尸!快来守住您的城堡吧!代码下载:点击下载(提取码:d967)...

火爆全球小游戏,恋爱球球H5版本

火爆全球小游戏,恋爱球球H5版本

2018年国外出现一款爆款休闲小游戏(LOVE BALLS)。本作于5月首次登陆安卓和IOS平台,一经上架立刻好评如潮,一炮而红!不仅拿下4月份全球游戏下载排行的第6名,更是在美国,日本,韩国等94个国家地区斩获了IOS免费游戏下载榜第一的...

【塔防】H5开源游戏,小英雄呼呼

【塔防】H5开源游戏,小英雄呼呼

源码下载:点击下载(提取码:nmm2)...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。