html制作炸金花,微信小程序怎么制作炸金花?微信小程序制作炸金花的方法
很多朋友喜欢玩炸金花游戏,那么怎么在微信小程序上制作炸金花呢?下面就是小编带来的完整详细的教程,想要学习的小伙伴就赶紧看过来吧。
微信小程序怎么制作炸金花?微信小程序制作炸金花的方法
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
for(var j = i + 1;j
if(newarr[i]>newarr[j]){
var tmp = newarr[i];
newarr[i] = 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'
}
}
})
ndex.wxml:
恭喜你得了{{score}}分!
{{num1}}
{{num1}}
{{num2}}
{{num2}}
{{num3}}
{{num3}}
{{butext}}
1.如果三张数字相同得40分,如果三张数字是连续的得30分,如果两个数字是相同的得10分
2.如果三张花色一样得20分,如果两张花色一样得10分
3.三张数字之和
以上所有数字的总和为总分
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)}
以上就是小编分享的微信小程序制作炸金花的方法,感兴趣的朋友可以来看看哦。
html制作炸金花,微信小程序怎么制作炸金花?微信小程序制作炸金花的方法相关推荐
- 代金券制作小程序秒代金券_微信小程序制作工具与方法
小程序日益火爆,激发了大量商户新的开发需求,租房,购物,出行等场景,都不难见到它的踪影,这也让没有入局小程序的企业开始着急,真分夺秒的着手布局小程序,俗话说,磨刀不误砍柴工,在布局之前,小程序制作流程 ...
- 【小程序源码】云开发表情包制作神器微信小程序源码下载,支持各种自定义
该款小程序是一个表情包制作 内容毕竟丰富,另外自定义制作方面也是特别的自由 支持自主上传图片,自定义文章,另外拥有多种素材模板以供选择 这是一款云开发的小程序,但是安装还是挺简单的 搭建教程: 首先使 ...
- 微信小程序:简单舒服新UI装逼制作神器
这是一款装逼神器小程序源码 内包含了N种模板制作,另外并有大分类 另外小编还给添加了几个流量主广告,包含了每一个页面都覆盖了 而且流量主还不是单一种: Banner 激励视频 视频广告 多格子广告 横 ...
- 【微信小程序模板】可以用微信小程序模板制作小程序吗?
小程序作为电子商务营销和企业营销的一个重要方式,很多很多商家.公司已经建立了自己的小程序.那小程序怎么做呢?可以用微信小程序模板制作小程序吗? 答案是可以的,你可以使用小程序制作平台. 首先,是要申请 ...
- 小程序源码:百变头像框制作微信小程序源码下载,免服务器和域名
这是一款头像框制作的微信小程序源码 支持多种模板制作! 如一些热门的,王者头像框,国旗头像框,职业头像框等等 这一款小程序是免服务器和免域名的 所以也就是说这是一款纯前端的一款微信小程序源码 无需设置 ...
- 小程序源码:云开发表情包制作神器微信小程序
该款小程序是一个表情包制作 内容毕竟丰富,另外自定义制作方面也是特别的自由 支持自主上传图片,自定义文章,另外拥有多种素材模板以供选择 这是一款云开发的小程序,但是安装还是挺简单的 搭建教程: 首先使 ...
- 拼图工具箱微信小程序源码下载支持多种拼图模式制作
这是一款拼图工具箱小程序源码 小程序支持多种拼图制作生成 比如: 九宫格切图(就是把一张图切割成九宫格小图) 九宫格拼图(就是把九张图拼成一张图) 心形图制作(也就是把多张图拼成心形状态) 文字九宫格 ...
- 小程序源码:拼图工具箱微信小程序源码下载支持多种拼图模式制作
这是一款拼图工具箱小程序源码 小程序支持多种拼图制作生成 比如: 九宫格切图(就是把一张图切割成九宫格小图) 九宫格拼图(就是把九张图拼成一张图) 心形图制作(也就是把多张图拼成心形状态) 文字九宫格 ...
- 微信小程序之图表系列——最简单的表格制作
一图胜千言,相信很多开发者都没有绕开过图表制作这个坑,在小程序中也是,当然可以用第三方echart等制图插件来做,但小程序要求代码量最大12M,还得分好几个包,一个echart插件就将近1M,要是只做 ...
- 微信答题小程序开发,怎么制作用于考试的小程序,微信小程序军人条令考试,微信小程序里给员工学习考试
很多单位都有定期或者不定期的知识测试或者技能考核的要求,用来考量员工的学习效果或者技能掌握程度. 以前大都是在纸面或者电脑上进行,不是太方便. 现在随着智能手机和微信的普及,越来越多的企业开始在微信上 ...
最新文章
- 类的成员包含 java_Java 面向对象(十五)类的成员 之 内部类
- AGC002F - Leftmost Ball(dp,组合计数)
- Windows平台下Go语言的安装和环境变量设置
- 原版英文书籍《Linux命令行》阅读记录1 | 什么是shell?
- 带刺的下沉市场:小镇青年要的不止是9块9包邮
- 金银花跟黄芪泡水有什么功效?
- linux 重启21端口命令,修改SSH默认远程端口为21号端口
- 硬盘读写测试工具_买了固态硬盘不知好坏?这些测试工具帮你大忙
- idea全局主题_2020年最新-IDEA最详细配置(配图文收藏版配置)
- 第二节 数值、字符与字符串
- exe msdt 无法上网_msdt.exe文件下载
- 你的领英账号总被封?实战总结避免和解决领英帐号被封的最强攻略
- 鸟类识别,小鸟进食识别,小鸟归巢识别
- 一个古老故事--线程和线程池的故事
- WannaCry——windows7补丁安装和下载地址
- RabbitMQ:消息模型
- 不畏浮云遮望眼,自缘身在最高层
- 移动硬盘 计算机不能启动不了,移动硬盘:该设备无法启动.(代码 10)
- 用注意力机制实现中英文互译
- 全网最直接简单。百度富文本跨域上传文件到文件服务器