介绍:玩家通过商场或盲盒(幸运大转盘)获得猪、牛、羊,获得的动物会直接出现在土地上,若容积满了,获得的牲口会暂存在仓库内,获得的牲口需要喂养草料后动物头上会显示剩余收益时间,在时间归零之前,一直产生收益。
功能:
1、 动物展示行走移动,拖拽合成,抽奖转盘,仓库展示。
2、 加载界面、加载进度条。
3、 首页展示牧场动物随机走动,拖拽同类型,等级动物合成一个高级动物,充值、提现(AIOT或USDT)市场交易,转盘抽奖、推广二维码、仓库显示等。
主要技术:
Uni-app、Vue全家桶,监听是否加载成功,本地持久化、web3.js、Uni-app组件库、文件上传、ayQrcode二维码,通知滚动,scroll-into-view等。
难点:
1、 动物移动、动物拖拽合成保留原来位置
解决过程:使用过渡动画使动物移动,利用for循环的key绑定保证动画的一致性,合成成功后保留当前合成动物的位置然后赋值给合成,成后的动物。
2、 移动距离过长速度过快、未到达终点就进行下一轮运动、保持移动速度一致性
解决过程:利用动物从a点移动到b点的两个x和y的坐标,生成一个直角三角形,那么运动的距离就是