微信小程序?qū)崙?zhàn)之雙人五子棋游戲是實(shí)現(xiàn)
更新時(shí)間：2022年05月28日 15:28:32 作者：失散多年的哥哥
這篇文章主要為大家詳細(xì)介紹了如何利用微信小程序?qū)崿F(xiàn)雙人五子棋游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
一、項(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)文章
JQuery 進(jìn)行跨域請求實(shí)現(xiàn)代碼，需要的朋友可以參考下。2010-01-01
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
下面小編就為大家?guī)硪黄狫S原生輪播圖的簡單實(shí)現(xiàn)(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07
微信小程序跨頁面?zhèn)鬟fdata數(shù)據(jù)方法解析
這篇文章主要介紹了微信小程序跨頁面?zhèn)鬟fdata數(shù)據(jù)方法解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-12-12
這篇文章主要為大家詳細(xì)介紹了微信小程序日歷組件的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-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)常會(huì)需要將字符轉(zhuǎn)換為各種不同的格式，例如錢：0元需要轉(zhuǎn)換為0.00顯示；需要轉(zhuǎn)換為16進(jìn)制顯示的數(shù)，這樣的例子有很多2011-08-08
這篇文章主要為大家詳細(xì)介紹了js如何實(shí)現(xiàn)檢測用戶輸入密碼強(qiáng)度，從四個(gè)方面檢測用戶輸入的密碼的強(qiáng)度的，感興趣的小伙伴們可以參考一下2015-10-10
各瀏覽器對link標(biāo)簽onload/onreadystatechange事件支持的差異分析
各瀏覽器對link標(biāo)簽onload/onreadystatechange事件支持的差異分析，需要的朋友可以參考下。2011-04-04