付阁2024年05月08日
107阅读
开发技术web3.js、h5游戏开发、前端vue、html5

作品详情

介绍:玩家通过商场或盲盒(幸运大转盘)获得猪、牛、羊,获得的动物会直接出现在土地上,若容积满了,获得的牲口会暂存在仓库内,获得的牲口需要喂养草料后动物头上会显示剩余收益时间,在时间归零之前,一直产生收益。
功能:
1、 动物展示行走移动,拖拽合成,抽奖转盘,仓库展示。
2、 加载界面、加载进度条。
3、 首页展示牧场动物随机走动,拖拽同类型,等级动物合成一个高级动物,充值、提现(AIOT或USDT)市场交易,转盘抽奖、推广二维码、仓库显示等。
主要技术:
Uni-app、Vue全家桶,监听是否加载成功,本地持久化、web3.js、Uni-app组件库、文件上传、ayQrcode二维码,通知滚动,scroll-into-view等。
难点:
1、 动物移动、动物拖拽合成保留原来位置
解决过程:使用过渡动画使动物移动,利用for循环的key绑定保证动画的一致性,合成成功后保留当前合成动物的位置然后赋值给合成,成后的动物。
2、 移动距离过长速度过快、未到达终点就进行下一轮运动、保持移动速度一致性
解决过程:利用动物从a点移动到b点的两个x和y的坐标,生成一个直角三角形,那么运动的距离就是这个直角三角形的斜边,就可以根据勾股定理求出运动距离,然后根据运动学公式求出运动时间,从而解决以上问题。
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论