小程序游戏开发之扎金花

实现效果图：

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: #39;激烈的竞技游戏 #39;,
 path: #39;/pages/index/index #39;
})

index.wxml:

 html 
 head /head 
 body 
 view >
 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
 

以上就是小程序游戏开发之扎金花的详细内容，更多请关注php中文网其它相关文章！
 
  
 最佳 Windows 性能的顶级免费优化软件
 
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。