微信小程序?qū)崙?zhàn)之雙人五子棋游戲是實(shí)現(xiàn)
一、項(xiàng)目展示
微信小程序項(xiàng)目實(shí)例——雙人五子棋
雙人五子棋是一款游戲小程序
兩位選手可以在15x15的棋盤上
進(jìn)行五子棋競(jìng)技
同時(shí)小程序設(shè)置了悔棋功能

二、項(xiàng)目核心代碼
點(diǎn)擊落子
step: function(event)
{
var pos=event.currentTarget.dataset.pos;
wx.setStorageSync('vak', this.data.vak);
if(this.data.vak[pos]=="white"||this.data.vak[pos]=="black")return;
this.count++;
if(this.count%2)
{
this.data.vak[pos]="black";
}
else
{
this.data.vak[pos]="white";
}
this.setData({
vak : this.data.vak
})
this.judge(pos);
}
判斷勝負(fù)
judge: function(pos)
{
var color=this.data.vak[pos];
var x0=parseInt(pos/15),y0=pos%15,x,y,round;
for(var i=0;i<4;i++)
{
var five=0;
round=0;
for(x=x0,y=y0;round<5;x+=this.vec[i][0],y+=this.vec[i][1],round++)
{
if(this.data.vak[15*x+y]==color)
{
five++;
}
else
{
break;
}
}
round=0;
for(x=x0,y=y0;round<5;x-=this.vec[i][0],y-=this.vec[i][1],round++)
{
if(this.data.vak[15*x+y]==color)
{
five++;
}
else
{
break;
}
}
var rstr=color+"win";
if(five>=6)
{
this.setData({
result : rstr
});
wx.showModal({
title: color+'獲勝',
content: '再來一局',
success: function(res) {
if (res.confirm) {
wx.redirectTo({
url:"./index"
});
}
}
})
}
}
},
三、效果展示
勝利效果

重新開始

悔棋

到此這篇關(guān)于微信小程序?qū)崙?zhàn)之雙人五子棋游戲是實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)微信小程序五子棋游戲內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
js實(shí)現(xiàn)拖拽 閉包函數(shù)詳細(xì)介紹
在開發(fā)過程中可能會(huì)使用js實(shí)現(xiàn)拖拽等相關(guān)功能,本文將以此問題進(jìn)行深入介紹,需要了解的朋友可以參考下2012-11-11
修改file按鈕的默認(rèn)樣式實(shí)現(xiàn)代碼
file按鈕作為上傳文件使用,不過默認(rèn)的樣式確實(shí)讓人不敢恭維啊,如何才可以修改為漂亮一點(diǎn)的呢?接下來與大家分享下具體的實(shí)現(xiàn)代碼,感興趣的朋友可以參考下哈2013-04-04
Axios?get?post請(qǐng)求傳遞參數(shù)的實(shí)現(xiàn)代碼
axios是基于promise用于瀏覽器和node.js的http客戶端,支持瀏覽器和node.js,能攔截請(qǐng)求和響應(yīng),這篇文章主要介紹了axios?get?post請(qǐng)求傳遞參數(shù)的操作代碼,需要的朋友可以參考下2022-11-11
JS實(shí)現(xiàn)往下不斷流動(dòng)網(wǎng)頁(yè)背景的方法
這篇文章主要介紹了JS實(shí)現(xiàn)往下不斷流動(dòng)網(wǎng)頁(yè)背景的方法,實(shí)例分析了遞歸調(diào)用自定義函數(shù)scrollBG實(shí)現(xiàn)動(dòng)態(tài)背景特效的功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
JavaScript實(shí)現(xiàn)GriwView單列全選(自寫代碼)
在 GridView 里有一系列的 Checkbox ,要實(shí)現(xiàn)對(duì)其全選或全不選,二網(wǎng)上的都不否和要求,于是我自己寫了JavaScript 代碼,貼出來供大家參考2013-05-05
JS報(bào)錯(cuò)Uncaught?TypeError:?XXX?is?not?a?function的解決方法
這篇文章主要給大家介紹了關(guān)于JS報(bào)錯(cuò)Uncaught?TypeError:?XXX?is?not?a?function的解決方法,本來好好的,突然就出現(xiàn)的錯(cuò)誤,不過這并不是什么難解決的錯(cuò)誤,需要的朋友可以參考下2023-08-08

