微信小程序?qū)崙?zhàn)之雙人五子棋游戲是實(shí)現(xiàn)
一、項(xiàng)目展示
微信小程序項(xiàng)目實(shí)例——雙人五子棋
雙人五子棋是一款游戲小程序
兩位選手可以在15x15的棋盤(pán)上
進(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: '再來(lái)一局', success: function(res) { if (res.confirm) { wx.redirectTo({ url:"./index" }); } } }) } } },
三、效果展示
勝利效果
重新開(kāi)始
悔棋
到此這篇關(guān)于微信小程序?qū)崙?zhàn)之雙人五子棋游戲是實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)微信小程序五子棋游戲內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
uniapp自定義網(wǎng)絡(luò)檢測(cè)組件項(xiàng)目實(shí)戰(zhàn)總結(jié)分析
這篇文章主要為大家介紹了uniapp自定義網(wǎng)絡(luò)檢測(cè)組件項(xiàng)目實(shí)戰(zhàn)總結(jié)分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-09-09JS原生輪播圖的簡(jiǎn)單實(shí)現(xiàn)(推薦)
下面小編就為大家?guī)?lái)一篇JS原生輪播圖的簡(jiǎn)單實(shí)現(xiàn)(推薦)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07微信小程序跨頁(yè)面?zhèn)鬟fdata數(shù)據(jù)方法解析
這篇文章主要介紹了微信小程序跨頁(yè)面?zhèn)鬟fdata數(shù)據(jù)方法解析,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-12-12微信小程序wx.uploadfile 本地文件轉(zhuǎn)base64的實(shí)現(xiàn)代碼
這篇文章主要介紹了微信小程序wx.uploadfile 本地文件轉(zhuǎn)base64的實(shí)現(xiàn)方法,文中通過(guò)代碼講解給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-06-06javascript中setAttribute兼容性用法分析
這篇文章主要介紹了javascript中setAttribute兼容性用法,結(jié)合實(shí)例形式分析了javascript使用setAttribute進(jìn)行屬性設(shè)置操作的相關(guān)使用技巧,需要的朋友可以參考下2016-12-12js字符串的各種格式的轉(zhuǎn)換 ToString,F(xiàn)ormat
平時(shí)我們經(jīng)常會(huì)需要將字符轉(zhuǎn)換為各種不同的格式,例如錢(qián):0元需要轉(zhuǎn)換為0.00顯示;需要轉(zhuǎn)換為16進(jìn)制顯示的數(shù),這樣的例子有很多2011-08-08各瀏覽器對(duì)link標(biāo)簽onload/onreadystatechange事件支持的差異分析
各瀏覽器對(duì)link標(biāo)簽onload/onreadystatechange事件支持的差異分析,需要的朋友可以參考下。2011-04-04