微信小程序?qū)崙?zhàn)之雙人五子棋游戲是實(shí)現(xiàn)
一、項(xiàng)目展示
微信小程序項(xiàng)目實(shí)例——雙人五子棋
雙人五子棋是一款游戲小程序
兩位選手可以在15x15的棋盤上
進(jìn)行五子棋競技
同時(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)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
uniapp自定義網(wǎng)絡(luò)檢測組件項(xiàng)目實(shí)戰(zhàn)總結(jié)分析
這篇文章主要為大家介紹了uniapp自定義網(wǎng)絡(luò)檢測組件項(xiàng)目實(shí)戰(zhàn)總結(jié)分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-09-09
微信小程序跨頁面?zhèn)鬟fdata數(shù)據(jù)方法解析
這篇文章主要介紹了微信小程序跨頁面?zhèn)鬟fdata數(shù)據(jù)方法解析,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-12-12
微信小程序wx.uploadfile 本地文件轉(zhuǎn)base64的實(shí)現(xiàn)代碼
這篇文章主要介紹了微信小程序wx.uploadfile 本地文件轉(zhuǎn)base64的實(shí)現(xiàn)方法,文中通過代碼講解給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-06-06
javascript中setAttribute兼容性用法分析
這篇文章主要介紹了javascript中setAttribute兼容性用法,結(jié)合實(shí)例形式分析了javascript使用setAttribute進(jìn)行屬性設(shè)置操作的相關(guān)使用技巧,需要的朋友可以參考下2016-12-12
js字符串的各種格式的轉(zhuǎn)換 ToString,F(xiàn)ormat
平時(shí)我們經(jīng)常會需要將字符轉(zhuǎn)換為各種不同的格式,例如錢:0元需要轉(zhuǎn)換為0.00顯示;需要轉(zhuǎn)換為16進(jìn)制顯示的數(shù),這樣的例子有很多2011-08-08
各瀏覽器對link標(biāo)簽onload/onreadystatechange事件支持的差異分析
各瀏覽器對link標(biāo)簽onload/onreadystatechange事件支持的差異分析,需要的朋友可以參考下。2011-04-04

