当前位置: 首页 > news >正文

手撸一个仿蚂蚁森林微信小程序

每天逛逛CSDN,看看大牛们的技术文章,查找自己想了解的知识,是我必做的事情。

每天到支付宝看看自己的余额,看看自己的33块钱还在吗?顺便到蚂蚁森林收下自己和好友的能量是我必做的事。看着自己的能量又被好友偷了,无比纠结。

自己最近在做微信小程序开发,就想能否用微信小程序实现一个仿蚂蚁森林的游戏。

说干就干,先上UI。

一、游戏主界面:

模仿游戏开发,不能只全盘照抄,要有自己的思想和玩法。

能量球有四种颜色状态:

青绿黄红四种颜色代表能量球成长的四个阶段,只有能量球成长到第三阶段后才能采摘,到第四阶段后能量球会有24小时倒计时时间,如果倒计时到0后没有采摘能量球就会消失。

技术点:能量球的样式和显示位置,能量球的动画,每次能量采摘后树成长

二、游戏背包界面:

游戏背包界面采用组件开发模式,点击背包图标时窗体从底部弹窗。

技术点:颜色渐变,组件和游戏界面融合;每种道具的特效即和游戏交互。

 

 三、游戏商店界面

不管有没有人会购买道具,商店应该是一个游戏需要实现的功能吧!

游戏商店界面采用组件开发模式,点击商店图标时窗体从底部弹窗。

技术点:微信支付相关 包含支付成功回调和定时订单查询功能

 

四、游戏奖励界面:

游戏奖励界面采用组件开发模式,点击奖励图标时窗体从底部弹窗。奖励每月更新,后台发布任务,用户登录后判断连续登录天数,符合条件后用户领取奖励。

技术点:连续签到,签到奖励领取,避免重复领取。

 

五、游戏主界面辅助信息显示界面:

主界面层叠上拉窗口,显示用户账户信息、最新动态、排行帮、用户推荐等。

技术点:上拉加载-实现类似懒加载功能、根据用户上拉位置,加载不同板块。

底部按钮定位,适配不同屏幕比例正常显示。

 六、道具使用和换肤功能

背景更换,树的皮肤更换,能量双击卡5分钟倒计时,能量保护罩。

技术点:能量双击卡倒计时,能量保护罩动画

 七.收取好友能量

收取好友能量,如果好友使用了能量保护罩不可以收取

技术点:能量双击卡倒计时的显示,如果倒计时没有到0,可以双倍收取好友能量。

 

扫码体验完整版

 

相关文章:

  • Python序列之集合
  • 三.Linux无名管道(PIPE)和有名管道(FIFO)的区别
  • CSS去掉按钮阴影 | css去掉按钮边框 | 注意改变搜索的关键词、搜索方式
  • 论文阅读——SG-Former
  • 【Minikube Prometheus】基于Prometheus Grafana监控由Minikube创建的K8S集群
  • 通配符和正则表达式
  • JVM系列-方法区、堆区、栈区
  • 常见负载均衡方案分析
  • ClickHouse基础知识(六):ClickHouse的副本配置
  • jsp结合servlet
  • 计算机网络(第八版)期末复习(第二章物理层)
  • SpringBoot整合mail进行发送邮箱
  • 【PostgreSQL】约束-排他约束
  • python + flask+nginx+mysql环境安装详解
  • blender插件开发
  • 4. 路由到控制器 - Laravel从零开始教程
  • Akka系列(七):Actor持久化之Akka persistence
  • canvas实际项目操作,包含:线条,圆形,扇形,图片绘制,图片圆角遮罩,矩形,弧形文字...
  • docker python 配置
  • Docker 笔记(2):Dockerfile
  • echarts花样作死的坑
  • Flannel解读
  • Mithril.js 入门介绍
  • php面试题 汇集2
  • ⭐ Unity 开发bug —— 打包后shader失效或者bug (我这里用Shader做两张图片的合并发现了问题)
  • vue的全局变量和全局拦截请求器
  • 持续集成与持续部署宝典Part 2:创建持续集成流水线
  • 近期前端发展计划
  • 力扣(LeetCode)357
  • 一些css基础学习笔记
  • #1015 : KMP算法
  • (11)MATLAB PCA+SVM 人脸识别
  • (C语言)二分查找 超详细
  • (Matlab)基于蝙蝠算法实现电力系统经济调度
  • (二)fiber的基本认识
  • (三十五)大数据实战——Superset可视化平台搭建
  • (原創) 未来三学期想要修的课 (日記)
  • (转)mysql使用Navicat 导出和导入数据库
  • .net core 源码_ASP.NET Core之Identity源码学习
  • .NET Standard 的管理策略
  • .NET的数据绑定
  • .NET高级面试指南专题十一【 设计模式介绍,为什么要用设计模式】
  • .NET平台开源项目速览(15)文档数据库RavenDB-介绍与初体验
  • .Net小白的大学四年,内含面经
  • .py文件应该怎样打开?
  • ::before和::after 常见的用法
  • @DataRedisTest测试redis从未如此丝滑
  • [ 蓝桥杯Web真题 ]-Markdown 文档解析
  • [20150321]索引空块的问题.txt
  • [23] 4K4D: Real-Time 4D View Synthesis at 4K Resolution
  • [AX]AX2012 R2 出差申请和支出报告
  • [CF]Codeforces Round #551 (Div. 2)
  • [CSS]文字旁边的竖线以及布局知识
  • [DP 训练] Longest Run on a Snowboard, UVa 10285
  • [IE9] IE9 RC版下载链接