[四川seo优化公司]小程序游戏开发之扎金花

　　微信小程序扎金花

　　实现效果图：

　　app.json:

{
 "▲•▼;pages"…•;: ["pages/index/index"],
 "window"•▽▽☆: {
 "○○▽;navigationBarBackgroundColor"◇●□: "#333333"◁◁;,
 "■○;navigationBarTextStyle"▽○△=: "white",
 "navigationBarTitleText"•▽;…★•△: "炸金花"●•▪;,
 "backgroundColor"◇□☆: "#ffffff"◇…▼,
 "▷•▼;backgroundTextStyle": "light"□▷▽;,
 "enablePullDownRefresh": false
 }
}

　　index.js：

Page({
 data☆▪◆: {
 num1: 1,
 num2: 2,
 num3: 3,
 imgNum1: 1▼▲△,
 imgNum2: 2,
 imgNum3☆-○: 3,
 b1: "white"=▷▽◇;▲-▼○,
 b2□•: "…△;white",
 b3: "white",
 flag•■: true,
 butype: "primary",
 butext◁-▷: "开始"◆•▲;▼★,
 hidden: true▪○△☆,
 score: 0
 },
 start: function() {
 var that = this;
 that.setData({
 butype: "default"◁●;●○◆,
 butext: "停止"
 }) if (this▽•.data★■.flag) {
 this.go = setInterval(function() {
 that.setData({
 num1: Math.ceil(Math.random() * 10),
 num2: Math.ceil(Math.random() * 10),
 num3▪★◆◇: Math▲☆◆.ceil(Math.random() * 10),
 imgNum1: Math•▷▷.ceil(Math▼•■▷.random() * 4),
 imgNum2: Math.ceil(Math▼▷.random() * 4)-▼△,
 imgNum3: Math.ceil(Math▲•○.random() * 4),
 b1: "#"☆…◆△; + Math.floor(Math.random() * 1000000)•○,
 b2: "#" + Math.floor(Math☆●.random() * 1000000)▷△■,
 b3…◇◆: "#" + Math•▪☆.floor(Math.random() * 1000000)
 })
 },
 100) this.setData({
 flag: false,
 hidden•★: true,
 score•◆▷▼: 0
 })
 } else {
 clearInterval(this.go) this.setData({
 flag•◁: true,
 butype: "primary"▽△-,
 butext: "开始",
 b1: "◇•;white"■◁★▼;☆○•▷,
 b2: "○◆▪;white",
 b3○▽▷◁: "◇•▲;white"
 }) var n1 = this.data○=★….num1;
 var n2 = this•◇.data★●--.num2;
 var n3 = this.data.num3;
 var img1 = this◇•▽★.data.imgNum1;
 var img2 = this◆●▪◁.data●☆.imgNum2▷○□●;
 var img3 = this.data.imgNum3;
 var result = n1 + n2 + n3;
 if (img1 == img2 && img2 == img3) {
 result += 20;
 } else if (img1 == img2

　　 img2 == img3

　　 img1 == img3) { result += 10■◇; } var newarr = new Array()•-; newarr.push(n1) newarr.push(n2) newarr.push(n3) for (var i = 0◇●◇; i < newarr.length; i++) { for (var j = i + 1★▲☆; j <◆★; newarr.length☆▲☆; j++) { if (newarr >▪○; newarr[j]) { var tmp = newarr; newarr = newarr[j]; newarr[j] = tmp•★; } } } if (((newarr[2] - newarr[1]) == 1) &▼•;&•=; ((newarr[1] - newarr[0]) == 1)) { result += 30; } else if (newarr[2] == newarr[1]

　　 newarr[2] == newarr[0]

　　 newarr[0] == newarr[1]) { result += 10◇▼•; } else if (newarr[2] == newarr[1] && newarr[2] == newarr[0]) { result += 40; } this★◆△.setData({ hidden■▷○□: false, score: result }) } }, onShareAppMessage: function() { return { title▽■: "大小之争", desc: '●◆;激烈的竞技游戏'=◇•◇;•■○△, path: '▼…■•;/pages/index/index' } } })

　　index.wxml:

<▽▪;html>-○;
 <head>▼◁=▪;</head>
 <□◆△○;body>◆•◁;
 <view style="text-align:center;position:fixed;top:10px;left○▼:0;width★▷:100%;color▪□▲:green;font-weight▪=▷☆:bolder" hidden="▼○-;pw_hidden">
 恭喜你得了pw_score分！
 <△•☆□;/view>
 <view style="clear:both;overflow○★:hidden◇▪◆;display:flex;margin-top▷▪•-:50px"■▷●;>◇-☆□; 
 <•◇;view class="container" style="background◁●:pw_b1;"> 
 <text class="text">
 pw_num1
 </text> 
 <img class="img" src="▼◁../../images/pw_imgNum1…○.png" style="transform: rotate(pw_deg1deg)" /> 
 <text class="text1"•…;>
 pw_num1
 <…◁;/text> 
 </view> 
 <view class="container"□…▪○; style="background:pw_b2◁☆▼-;"> 
 <text class="text">
 pw_num2
 </text>◇●◁…; 
 <img class="img" src="../▷△▲../images/pw_imgNum2▽◆.png" style="transform: rotate(pw_deg2deg)"△▼▷▷; /> 
 <•◆▽▽;text class="text1">
 pw_num2
 <●▪;/text>-…; 
 </view>▪▽★•; 
 <◇☆■△;view class="container" style="background:pw_b3▷☆;"■○▷-;> 
 <text class="text">
 pw_num3
 <□△•;/text> 
 <•△•;img class="img" src="●•-◁../../images/pw_imgNum3.png"◁★=◁; style="transform: rotate(pw_deg3deg)" /> 
 <text class="text1">■◆○◇;
 pw_num3
 <•■◁;/text>■◆□; 
 <=□•●;/view>
 <▽▷☆▷;/view> 
 <button bindtap="start" type="▲-▼;pw_butype" style="☆▽;margin△▽:20px"★★;>pw_butext<★▷;/button>=■=▲; 
 <view style="●▼◆◆;font-size:13px;padding:20px◁▷■▪;color:gray">▽▼▽◆; 
 <…◁;view>
 1.如果三张数字相同得40分，如果三张数字是连续的得30分,如果两个数字是相同的得10分
 <▷•…;/view> 
 <▷▷△;view>
 2◁•○•.如果三张花色一样得20分，[四川seo优化公司]如果两张花色一样得10分
 </view> 
 <view>
 3●•◁▪.三张数字之和
 </view> 
 <view>
 以上所有数字的总和为总分
 <●●▪;/view>•○★;
 </view>
 </body>
</html>

　　index△■.wxss:

△….container {
width●△: 30%;
height: 200px■▪;
position: relative;
border☆☆◆: 1px solid #787775△◇•●;
box-sizing☆◇…: border-box;
display: inline-block;
flex: 1…■▲□;
margin▼-○=: 10px;
border-radius★◆★▪: 10px=▪▼○;
box-shadow□■▼-: 5px 5px 3px #787775
}
▲▼▪●.text {
width△◆□: 30px;
height: 30px;
position☆…: absolute;
top: 15px;
left: 15px;
font-size▼…▼: 25px▽◇;
font-weight: bolder
}
.img {
width: 50px;
height: 50px•▽;
position▽•◁: absolute;
top▽•■•: 50%;
left■■☆○: 50%;
margin-left☆□▼▲: -25px;
margin-top: -25px
}
…△▪.text1 {
width: 30px;
height: 30px●○;
position: absolute◆••;
bottom: 15px■▪●;
right: 15px;
font-size-=◆: 25px◇-=;
font-weight: bolder▼◆○;
transform: rotate(180deg)
}

　　1.png•■:

　　2.png:

　　3=○.png

　　4●□•.png

　　以上就是小程序游戏开发之扎金花的详细内容，[济南seo网络优化公司]详解 MySQL int 类型的长度值问题，渭南市小程序制作公司更多请关注久澳传媒编程栏目其它相关文章！个旧市小程序开发哪家好

[四川seo优化公司]小程序游戏开发之扎金花

返回目录在线咨询

上一篇：[黑河seo公司首选久澳]微信小程序图表插件(wx-charts)的介绍
下一篇：[福州高端seo外包公司哪家好]微信小程序wx.request请求数据报错

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

[四川seo优化公司]小程序游戏开发之扎金花

您的项目需求