微信小程序?qū)崙?zhàn)之雙人五子棋游戲是實現(xiàn)
更新時間：2022年05月28日 15:28:32 作者：失散多年的哥哥
這篇文章主要為大家詳細介紹了如何利用微信小程序?qū)崿F(xiàn)雙人五子棋游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
一、項目展示
微信小程序項目實例——雙人五子棋
雙人五子棋是一款游戲小程序
兩位選手可以在15x15的棋盤上
進行五子棋競技
同時小程序設(shè)置了悔棋功能
二、項目核心代碼
點擊落子
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);
}
判斷勝負
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)之雙人五子棋游戲是實現(xiàn)的文章就介紹到這了,更多相關(guān)微信小程序五子棋游戲內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
在開發(fā)過程中可能會使用js實現(xiàn)拖拽等相關(guān)功能，本文將以此問題進行深入介紹，需要了解的朋友可以參考下2012-11-11
file按鈕作為上傳文件使用，不過默認的樣式確實讓人不敢恭維啊，如何才可以修改為漂亮一點的呢？接下來與大家分享下具體的實現(xiàn)代碼，感興趣的朋友可以參考下哈2013-04-04
Axios?get?post請求傳遞參數(shù)的實現(xiàn)代碼
axios是基于promise用于瀏覽器和node.js的http客戶端，支持瀏覽器和node.js，能攔截請求和響應(yīng)，這篇文章主要介紹了axios?get?post請求傳遞參數(shù)的操作代碼,需要的朋友可以參考下2022-11-11
本文主要介紹了JS中綁定事件順序（事件冒泡與事件捕獲區(qū)別）。具有很好的參考價值，下面跟著小編一起來看下吧2017-01-01
這篇文章主要介紹了JS實現(xiàn)往下不斷流動網(wǎng)頁背景的方法,實例分析了遞歸調(diào)用自定義函數(shù)scrollBG實現(xiàn)動態(tài)背景特效的功能,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
JavaScript實現(xiàn)GriwView單列全選(自寫代碼)
在 GridView 里有一系列的 Checkbox ，要實現(xiàn)對其全選或全不選，二網(wǎng)上的都不否和要求，于是我自己寫了JavaScript 代碼，貼出來供大家參考2013-05-05
這篇文章主要介紹了Dojo獲取下拉框的文本和值實例代碼的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-05-05
本文主要介紹了js中hasOwnProperty()方法詳解，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04
JS報錯Uncaught?TypeError:?XXX?is?not?a?function的解決方法
這篇文章主要給大家介紹了關(guān)于JS報錯Uncaught?TypeError:?XXX?is?not?a?function的解決方法,本來好好的,突然就出現(xiàn)的錯誤,不過這并不是什么難解決的錯誤,需要的朋友可以參考下2023-08-08
這篇文章主要為大家詳細介紹了微信小程序異步處理的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11