签到(CocosCreator)

简介: 签到(CocosCreator)
推荐阅读:

1.前沿

      签到模块几乎是每个游戏必不可少的模块,它存在的目的主要是为了让玩家坚持每天上线,给予这些玩家一定的奖励,从而保证游戏留存率。
      今天来给大家讲讲签到模块的实现,并提供一些优质的方法,实现某些功能。先说说我们的需求吧,需要显示整月每日的签到奖励信息,签到情况。为了美观,将其设计为上下滑动可查看当月整体情况。

2.UI界面

      1.添加一个ScrollView,命名为signScrollView,调整合适大小,设置ScrollView属性如下:
在这里插入图片描述
      主要注意取消勾选Horizantol(即取消水平滑动,允许垂直滑动,该功能可根据实际情况修改)
      2.同时调整ScrollView下的View大小,和ScrollView大小保持一直,表示显示窗口大小。
      3.为View下的content添加Layout组件,选择类型为GRID,并设置Padding的属性,即content下面的item距离content上下左右的间距,同事设置每个item之间的上下间距(Spaceing X),左右间距(Spaceing Y):在这里插入图片描述

3.签到按钮添加监听事件

self.findBtn("btn_sign", uiRoot.bottom, () => {
     //签到处理
     }
 })

4.服务器端数据处理

服务器端使用一个Int32位的数存储传输当月签到情况
// 用位操作表示签到情况(d=月中第几天;第d天是否签到=(signDay & (1<<(d-1))) == 1)
int32 signDay = 4;

        //data.signDay服务器数据(int32)
        var str = data.signDay.toString(2).split('');//将int32转换位二进制数字符串,进而保存位数组
        cc.log("逆序日期数组", str);
        var dayArr = str.reverse().join('').split('');//将该数组逆序排列
        cc.log("正序日期数组", dayArr );
        //上面的操作是为了调试输出的日志,可注释
        
        for (let i = 0; i < this.monthDays; i++) {
            if ((data.signDay & (1 << i)) == 1) {
                //已签到
            } else {
                //未签到
            }
        }

4.结束语

      使用一个int32位的数代替传统的签到数组,既能提高传输速率,也能降低内存的消耗,第一次使用该方法来实现数据的传输与保存,特意记录下来分享给大家。

相关文章
|
6月前
|
前端开发
uniapp上班考勤打卡情况日历展示
uniapp上班考勤打卡情况日历展示
108 1
|
3天前
|
存储 小程序 容器
如何制作一个微信答题小程序?
如何制作一个微信答题小程序?
104 0
|
3天前
Autojs4.1.0实战教程---快逗短视频自动签到
Autojs4.1.0实战教程---快逗短视频自动签到
27 0
|
9月前
|
存储 NoSQL 关系型数据库
这样子签到好像比较舒服
这样子签到好像比较舒服
47 0
|
3天前
|
存储
PAT甲级真题1006:签到与签出
PAT甲级真题1006:签到与签出
25 0
|
小程序
微信小程序 | 吐血整理的日历及日程时间管理
微信小程序 | 吐血整理的日历及日程时间管理
2045 0
微信小程序 | 吐血整理的日历及日程时间管理
|
10月前
|
Python
制作微信聊天记录滚动视频教程
Python实现制作聊天记录滚动教程
|
12月前
|
小程序 JavaScript
小程序实现大转盘仿天猫抽奖 跑马灯效果(有图有源码)---微信小程序源码大集004
小程序实现大转盘仿天猫抽奖 跑马灯效果(有图有源码)---微信小程序源码大集004
223 0
|
小程序
零基础制作微信答题小程序(一)
手把手教你零基础制作一个微信答题小程序。
55 0
|
小程序
零基础制作微信答题小程序(四)
零基础,零代码,人人都可定制一个自己的微信答题小程序。
52 0