Uni-App 蚂蚁森林

仿支付宝-蚂蚁森林,给小树苗浇水逐渐成长到大树的过程,给小树浇水成长、给好友投票、加油、助力等,所有参数都可配置(如水滴值,树的类型、动画等)

功能概述:

  1. 该插件是用Uni-App写的,是一个完整的uni-app工程(可在微信小程序中运行),可直接在HBuilder X 中能直接运行的(注:您在使用时请把Uni-App应用标识(AppID)换成自己的哦)。
  2. 插件样式是模仿蚂蚁森林,而其中的所有数据都是可配的(完全可以自义定 或 从后端API获取),根据不同的数据(如用户信息、水滴值等)显示对应的动效。
  3. 该插件可用于为某种评比活场景的参赛人员加油、拉票、助力等类似场景。
  4. 给大家分享出来,如有不足之处还请见谅,同时也欢迎指证,我在此先谢过啦。

实例效果:

源码地址:

GitHub:https://github.com/MuGuiLin/AntForest
插件市场:https://ext.dcloud.net.cn/plugin?id=363

操作说明:

  1. 用水壶每浇水1次,水滴值向上+1。
  2. 点击树上面的雨滴,水滴值 + 收取到的雨滴值。

成长过程:

  1. 树的成长过程分为小树、中树、大树3个阶段。
  2. 现默认值: 小树(水滴值在100以下), 中树(水滴值在100 到 1000), 大树(水滴值在1000以上)。
  3. 树苗会在水滴值变化时会展示对应的动效 和 树的动效、大小等。

使用方法:

  1. 该模板是用Uni-Aapp框架进行编写的, 其语法就是vue的,模板就是微小程序,动画实现以CSS3主,JS辅。
  2. 可根据自己的需求和使用场景修改相应的配置参数和逻辑,如(水滴值,树的类型、大小、树成长动画,云走动的动画,浇水动画,树的进度,选手信息等等。
  3. 代码中有详细的代码注释,可根据自己的业务需求,修改为自己 或 项目所用。

Uni-App 蚂蚁森林相关推荐

  1. python蚂蚁森林自动偷能量_蚂蚁森林自动偷能量app

    蚂蚁森林自动偷能量app是针对支付宝"蚂蚁森林"活动玩法退出的一款全新自动偷能量插件,它可以帮助你自动偷取好友蚂蚁森林里的能量,并且不会有封号的危险. 蚂蚁森林自动偷能量app怎么 ...

  2. 水母智能联合蚂蚁森林、犀牛智造等,用AI助力非遗出圈,39万人开工得“福”

    如今过年越来越有年味了,许多淡出已久的中国传统年俗,以更有趣.更年轻新潮.更科技的方式回到了大家身边.集五福.写福字.贴福字,挂福饰品,当然还有接"福袋"!人工智能实现智能设计已经 ...

  3. collect的功能是什么?其底层如何实现的?_用Python实现定时自动化收取蚂蚁森林能量,再也不怕被偷了

    1. 概述 提到蚂蚁森林,大家应该都知道,你是否有因忘记收取能量而被好友收取的经历呢? 如果你不是蚂蚁森林重度用户,被别人收取了能量可能对你来说没什么. 但如果你是蚂蚁森林重度用户,遇到能量被偷 .. ...

  4. 蚂蚁森林快捷指令_利用快捷指令实现钉钉自动化打卡

    不知道大家上班有没有忘记打卡的经历呢? 今天就教大家通过快捷指令,实现自动化钉钉打卡. 前提条件: iOS13.1或以上系统 快捷指令APP 首先我们要在闹钟App中,新建一个打卡的时间.比如比上班提 ...

  5. 蚂蚁森林快捷指令_iPhone「快捷指令」怎么玩?玩法太多,别让这个功能吃灰

    自iOS 12.1.4 系统更新之后,苹果就增加了「快捷指令」这一功能.熟练使用这个功能的小伙伴,可以让平时的生活工作效率大大提升,将一系列复杂的流程变得简单化:对于不熟悉这个功能的小伙伴而言,它只藏 ...

  6. Python教你迅速成为蚂蚁森林排行榜第一名

    最近在家远程工作,结果作息更混乱了,早上起不来,导致我蚂蚁森林能量天天被偷,严重影响我沙漠造树"大业".于是我决定用python写个自动偷能量的程序,每天早上定时偷取好友能量,&q ...

  7. Apple Watch新功能曝光:“一键收取”蚂蚁森林能量

    每天清晨一睁眼就"收能量",希望用手机种下一棵小树,已经成为众多网友起床后的"头等大事".近日,Apple Watch中的支付宝app全新升级,新增了蚂蚁森林& ...

  8. 30 行代码实现蚂蚁森林自动“偷”能量

    作者 | xindoo 来源 | CSDN 博客,已获作者授权 虽然我支付宝加了好多好友,平时有很多能量可以"偷",但由于太懒,至今一棵树都没种成,所以心心念念把偷能量这事自动化. ...

  9. 【Appium】Python+Appium实现支付宝蚂蚁森林自动收取能量的一种解决方案

    代码有更新,适配新版支付宝,参见最新文章: [Appium][更新]Python+Appium实现支付宝蚂蚁森林自动收取能量 一.环境准备 首先,你需要一个能够运行代码的环境,这里包括: Node.j ...

  10. iOS逆向-手把手教你写支付宝蚂蚁森林收集能量助手

    iOS逆向-手把手教你写支付宝蚂蚁森林收集能量助手 前言 发现iOS支付宝逆向的分析并不多,蚂蚁森林基于H5应用 套着UIWebView 基本也没这类JS和原生交互分析的帖子,就拿此练手吧 作技术分享 ...

最新文章

  1. linux下从git获取有权限的代码,linux下从源代码安装git
  2. android adb打开gps,adb 命令行模拟GPS位置信息
  3. 2019.4.03 整体总结自己小程序开发的最后上线出现的问题。
  4. python表格对齐_python str.format 中文对齐的细节问题,
  5. Linux中Shell的转义用法笔记
  6. idea 连接云mysql_IDEA开发环境下配置JDBC连接MySQL
  7. 每日一题(易错):这条SQL语句,有什么作用?
  8. LVS DR模型详解
  9. 计算机体系、语言的基础认识
  10. Android购物商城项目
  11. 数学建模之数据包络分析(评价投入产出比的模型)
  12. 【算法】冒泡排序图文讲解
  13. elasticsearch-6.1.2 x-pack java transport client客户端连接
  14. 技校学高铁还是计算机,华蓥高铁动车司学那个专业好,高铁职业技术学校面试...
  15. C#时间戳与日期时间DateTime格式互转
  16. Navicat的连接配置
  17. 王者荣耀静态页面头部代码设计(2)
  18. 机构视角筛选底部平台突破股票
  19. 金蝶开发中根据实体查找bostype,再根据bostype规则,生成对应的id
  20. js 身份证 港澳通行证正则

热门文章

  1. slq获取某一时间段内的全部数据
  2. Chart.js中横纵坐标轴名称设置
  3. java foreach unsupport major minor version 52.0
  4. 谈谈语音通信中的各种tone
  5. Fluke ADPT连接器给福禄克万用表插上翅膀----电流测量
  6. Mendeley+坚果云实现文件和备注同步
  7. 协同软件的概念与特征
  8. 文件系统的详解与常见文件系统模式比较
  9. 备赛脱脂经验分享_备赛体脂降低记录,分享刷脂经验 Q&A
  10. Autodesk CAD帮助文档总结四 DXF HEADER