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制作炸金花,如何在微信小程序上制作炸金花?相关推荐
- html制作炸金花,微信小程序怎么制作炸金花?微信小程序制作炸金花的方法
很多朋友喜欢玩炸金花游戏,那么怎么在微信小程序上制作炸金花呢?下面就是小编带来的完整详细的教程,想要学习的小伙伴就赶紧看过来吧. 微信小程序怎么制作炸金花?微信小程序制作炸金花的方法 app.json ...
- 微信小程序傻瓜制作_盘点:微信小程序制作平台有哪些
如今各行各业商家的流程获取成本不断上升,想要获取更多流量,就得多拓展新的渠道.而微信小程序,由于开启方便.依托于微信这个十亿流量的大平台.流量入口多,已经成了众多知名品牌的选择.利用小程序,商家可以从 ...
- python制作桌面小程序_微信小程序在线制作:快速生成一个餐饮小程序
相信很多餐饮行业的商家都遇到过这类问题:一到用餐高峰期,餐厅内就拥挤不堪,工作人员也忙得不可开交,前厅后厨来回跑,时间长了顾客也等得不耐烦.此外,外卖平台的高额抽成也让普通餐饮商家生存越来越艰难.本来 ...
- 微信小程序傻瓜制作_傻瓜式教程:做一个带优惠券的微信小程序
优惠券一直是电商零售商家们常用的营销手段之一,如今在各种微信小程序商城中,我们也常常能见到优惠券.为什么商家这么喜欢使用优惠券呢?当然是因为它确实能有效地刺激客户消费.商家发放优惠券,利用一种对比效应 ...
- 微信小程序傻瓜制作_微信小程序模板制作:手把手教你做一个生鲜小程序
传统线下生鲜水果类商家如今正面临诸多问题,包括服务范围有限.客户源不稳定.缺少订单导致新鲜食材过期等等.新零售概念的提出,很多商家虽然懂得要打通线上渠道,但通常都是仅仅局限于普通O2O外卖平台,其实这 ...
- 微信小程序傻瓜制作_零基础,傻瓜式制作微信小程序,3分钟完成不是问题!...
做小程序还必须要养一个设计人员吗?NO!必须要有小程序开发人员吗?NO! 微墨小程序DIY装修功能,帮你灭掉设计师.甩开程序员,商城自己说了算,布局想换就换,风格说变立刻变! 微墨小程序是" ...
- 【微信小程序模板】可以用微信小程序模板制作小程序吗?
小程序作为电子商务营销和企业营销的一个重要方式,很多很多商家.公司已经建立了自己的小程序.那小程序怎么做呢?可以用微信小程序模板制作小程序吗? 答案是可以的,你可以使用小程序制作平台. 首先,是要申请 ...
- 微信小程序如何制作?快捷方法有哪些?
微信小程序是一种即开即用的软件,依赖微信生态系统,可以在微信里面搜索"名称"或"小程序二维码"进入,无需下载,无需安装就可以使用,操作非常的快捷和方便.那么如何 ...
- 图灵机器人 mysql_如何在微信小程序中制作图灵机器人?
本教程讲解了如何在微信小程序中制作图灵机器人?操作起来是很简单的,想要学习的朋友们可以跟着小编一起去看一看下文,希望能够帮助到大家. 开发环境及框架 后端:国产java极速框架JFinal(超级好用有 ...
最新文章
- win7下解决Android SDK Manger慢
- GRPC java实现demo
- 全志r11_全志R328 Demo开发板;全志R333开发板/核心板;全志R11开发板/核心板;全志R16开发板/方案设计...
- 458. 可怜的小猪
- java 如何导出json文件_java导出json格式文件的示例代码
- mysql嵌套loop循环_mysql游标嵌套循环
- Windows rundll32的用法-批处理管理打印机
- Mail.Ru Cup 2018 Round 1 virtual participate记
- 《迷宫》之站立会议—5.16
- 应急响应系统日志及日志分析四
- 大学生如何应聘高薪IT职位
- 当Activity设置为透明主题时,按Home键,Dialog闪烁的解决方法
- Resultful API
- 【c语言】进阶篇学习笔记
- 【复盘】记录生产环境问题,因没有及时合并maser
- 如何彻底关闭2345流氓软件附带的广告(弹窗,工具栏搜索taskbarsearch,右下角信息展示)
- qbo odom数据的获取
- 【19调剂】齐鲁工业大学(山东省科学院)2019年硕士研究生预调剂信息
- Java基础数据类型以及取值范围
- 语义分割之 标签生成