小程序游戏怎么做
编辑:小飞燕 发布时间:2021-04-18 10:00:15
因为小程序的推广没有做的那么好,所以小程序的受众还是很有限的,除了技术咖啡,几乎不可能有人主动接触小程序。如果想让大家更轻松的认识到小程序,可以尝试开发一款游戏。以下是吸粉小程序游戏的源代码,希望对大家有所帮助。
我们来看看微信小程序店提供的小程序吸粉游戏例子截图:
小程序吸粉游戏源代码:
var numai=0
var计时器
页面({
数据:{
//是否可以控制按钮
btnstate:false,//记录获胜次数
winnum:0,//“嚯~你赢了”在中间
gameofplay: ' ',//用户选择的图片
imageuserscr : '/pages/image/wen hao . png ',//电脑随机图片
imageaiscr: ' ',//石头剪刀布图片阵列
srcs:[
/pages/image/shitou.png ',/pages/image/jindao . png ',/pages/image/bu.png '
]
},
//生命周期,刚进来
onload:函数{
//获取本地缓存中的“获胜次数”
var old winnum=wx . getstorageync(' winnum ');
//如果有缓存,赋值;否则,它是0
if(oldwinnum!=null oldwinnum!=''){
this . data . winnum=old winnum;
}
this.timergo
},
//按钮
changeforchoose(e){
console.log
if(this.data.btnstate==true){
返回;
}
//获取数组中用户的对应图片。
this.setdata({
imageuserscr : this . data . srcs[e . current target . id]
});
//清除计时器
clearinterval(计时器);
//获取数据源
var user=this . data . imageuser scr;
var ai=this . data . imageaiscr;
var num=this . data . winnum;
var str=' 0.0 ~你输了!';
//判断是否获胜
if(user=='/pages/image/shitou . png ' ai=='/pages/image/jindao . png '){
//获胜后,增加次数,更改文本内容,从新缓存中缓存获胜次数
num
str='嗬~你赢了!';
wx . setstorageync(' winnum ',num);
};
if(user=='/pages/image/jindao . png ' ai=='/pages/image/bu . png '){
num
str='嗬~你赢了!';
wx . setstorageync(' winnum ',num);
};
if(user=='/pages/image/bu . png ' ai=='/pages/image/shitou . png '){
num
str='嗬~你赢了!';
wx . setstorageync(' winnum ',num);
};
//如果你画画
if(user==ai){
str='游戏抽奖!';
}
//刷新数据
this.setdata({
winnum:num,gameofplay:str,btnstate:true
});
},
//启动定时器
timergo{
timer=setinterval(this.move,100);
},
//ai滚动方法
移动{
//如果大于等于3,则复位
if(numai;=3){
numai=0;
}
this.setdata({
//获取数组中ai、石头、剪刀、布的对应图片。
imageaiscr : this . data . srcs[numai],})
numai
},
再次{
//控制按钮
if(this.data.btnstate==false){
返回;
}
//再次启动计时器
this.timergo
//刷新数据
this.setdata({
btnstate:false,gameofplay: ' ',imageuserscr : '/pages/image/wen hao . png '
});
}
})
参考上面给出的小程序吸粉游戏源代码,可以开发小程序游戏,业余时间不会拒绝一款简单好玩的小游戏。相信小程序的人群会逐渐增多。
下面是题目的开头。微信小程序导航源代码详情。标题到此结束
对于微信小程序的开发,导航设置是必不可少的。当然,小编已经在微信小程序商店介绍了很多相关信息。我来介绍一下如何开发小程序导航。以下是微信小程序导航源代码:
导航仪导航
页面链接。
属性名称类型默认值的描述
urlstring应用程序中的跳转链接
开放式字符串导航小程序跳转方法
当开放类型为“导航后退”时,增量编号有效,这表示后退的层数
hover-classstringnavigator-hover指定单击时的样式类。当悬停-class='none '时,没有效果
按住悬停开始时间数字50后,状态会出现多长时间,以毫秒为单位
悬停-停留-时间数字600释放手指后状态的保持时间,以毫秒为单位
开放式有效值:
值描述比较小版本
navigate对应wx.navigateto的功能
重定向的功能对应于wx.redirectto
switchtab对应wx.switchtab的功能
wx . reload的功能1.1.0对应于reload
navigateback对应于wx.navigateback的函数1.1.0
注意:navigator-hover的默认值是{background-color : rgba (0,0,0,0.1);opacity:0.7},子节点的背景颜色应该透明
示例代码:
/** wxss **/
/* *修改默认导航器状态* */。导航器-悬停{
颜色:蓝色;
}
/* *自定义其他样式类* */。其他-导航-悬停{
color:red
}
跳转到新页面
在当前页面上打开
切换标签
{{title}}
左上角返回上一页
{{title}}
左上角返回上级页面
//重定向. js navigator.js
页面({
onload:函数(选项){
this.setdata({
title:选项. title
})
}
})
上一篇:最简单删除小程序的方法是什么
下一篇:微信小程序搜索框样式怎么开发
猜你喜欢
-
17个小程序游戏技巧432人喜欢
微信小程序游戏类目开放测试。开发者可在注册小程序帐号后,申请“游戏”类目并开发、调试小游戏。开发者的小游戏暂不可对外发布,具体发布时间敬请期待。欢迎加入小游戏小游戏上手指南q:怎么申请注册小游戏?a:开发者可登录微信公众平台官网注册一个小程序,并申请…
更新时间:2020-01-24 16:03:35
-
刚封完微商就大推小程序游戏99人喜欢
微信最近好像站在风口浪尖。前段时间大量使用多开关设备的用户被大规模封杀,导致很多微商损失惨重,纷纷投诉微信。最近推出了一个叫“jump jump”的小游戏程序,让很多人的朋友圈都屏蔽了。微…
更新时间:2021-03-19 11:06:54
-
小程序游戏怎么做62人喜欢
因为小程序的推广没有做的那么好,所以小程序的受众还是很有限的,除了技术咖啡,几乎不可能有人主动接触小程序。如果想让大家更轻松的认识到小程序,可以尝试开发一款游戏。以下是吸粉小程序游…
更新时间:2021-04-18 10:00:15
-
微信小程序游戏开发步骤53人喜欢
现在每个app都会开发自己对应的游戏来吸引粉丝的注意力。随着微信小程序的发展,最终可以实现微信小程序游戏的开发。我们来看看。小程序游戏开发步骤:1.下载开发工具小程序开发工具的官方下载2…
更新时间:2021-03-18 08:29:07
-
微信小程序游戏有哪些33人喜欢
自从小程序打开了游戏功能,更多的用户使用了小程序。那么微信小程序游戏有哪些呢?小编今天会向大家推荐它。点击您感兴趣的游戏小程序的名称,进入下载页面。王者手游神器:《王者荣耀》已经成…
更新时间:2021-03-18 08:33:09
-
微信公布上线小程序游戏8人喜欢
12月29日,新版微信6.6.1在腾讯appbao平台上线,正式上线微信迷你游戏。玩家可以直接点击游戏体验,无需下载安装。同时在迷你游戏中加入社交元素,玩家可以在微信里和好友一起玩,比如pk,围观。…
更新时间:2021-03-19 10:58:50