如何实现一个好看的金币效果

简介: 如图,是我最新上线的游戏【彩虹星球大冒险】中的金币拾取效果,打金币作为这个游戏中的一个非常重要的体验,把金币拾取效果做的好看就显得尤为重要。今天就跟大家分享一个,如何实现一个这样好看的金币拾取效果。观察一下上面的动图,金币从出现到消失总共是分为两个过程的。金币从爆炸的物体中向上弹出,并进行旋转下落玩家碰到金币后,金币放大旋转然后飞到屏幕的左上角记录金币的位置后消失接下来我们以一个具体的实例,来逐步的实现整个金币效果。

嗨!大家好,我是小蚂蚁。

如图,是我最新上线的游戏【彩虹星球大冒险】中的金币拾取效果,打金币作为这个游戏中的一个非常重要的体验,把金币拾取效果做的好看就显得尤为重要。今天就跟大家分享一个,如何实现一个这样好看的金币拾取效果。

观察一下上面的动图,金币从出现到消失总共是分为两个过程的。

  • 金币从爆炸的物体中向上弹出,并进行旋转下落
  • 玩家碰到金币后,金币放大旋转然后飞到屏幕的左上角记录金币的位置后消失

接下来我们以一个具体的实例,来逐步的实现整个金币效果。

如图,我们实现一个这样的示例:从屏幕中的大金币处不停的生成小金币,角色碰到小金币后,会拾取金币,被拾取的金币飞到屏幕的左上角消失,最后将金币数字增加 1 。

首先,我们来布置一下示例的场景。

可以看到这里面有 4 种不同的金币角色,这里我们重点需要关注的是“掉落金币”和“飞行金币”。

掉落金币

先来看“掉落金币”,掉落金币负责完成第一阶段的任务,即金币在某个位置上创建出来之后,要有一个先向上飞,再向下落的抛物线的轨迹(想象一下我们向上抛一个东西),要实现这种移动,需要借助工具提供的“物理行为”。

我们为“掉落金币”增加一个物理行为,将“能否倾倒”的选项关闭,因为在金币下落的过程中,我们希望它能够一直保持直立的状态。

接着,来看一下“掉落金币”的积木逻辑。

掉落金币被克隆出来之后,给它向上施加一个随机的角度(70~110),随机的力(1~2),以此来实现一种随机向上抛出的效果。接下来金币下落的过程,其实就完全交由“物理行为”来控制了。

至于金币是如何旋转的呢?用一个带有旋转动画的金币造型,然后使用动画播放积木进行循环播放即可。

飞行金币

再来看“飞行金币”,飞行金币负责完成第二阶段的任务,即从拾取的位置放大弹出来并进行翻转,然后飞到屏幕左上角记录金币的位置。为了实现更好的金币翻转和飞行效果,我们可以借助“翻转”和“缓动动画”这两个行为。

接着,来看一下飞行金币上的积木逻辑。

逻辑并不复杂,这里重点是通过一些细节的处理,来让整个金币拾取的过程看上去更自然,更美观。例如,使用翻转来表明金币被吃到了,翻转过后增加一小段向左上方的旋转移动过程,相当于让吃到的金币多显示一会儿,而不是吃到后就直接飞走了。为了让吃金币的效果更明显,我们增加了“飞行金币”的大小,并且调整了飞行金币的旋转,这样可以让金币的翻转变得更自然。

通过以上的两步,我们就能实现了一个更好看的金币效果了。整体实现上并不复杂,但是有一些细节需要我们重点处理。

毕竟在游戏中拾取金币对于玩家来讲是很爽的,让这种体验再好一点儿是我们游戏开发者的责任。一个效果最终呈现的如何,能够给玩家带来怎样的体验,需要的不止是开发技术,还需要更多的用心思考,以及对于细节不停雕琢和打磨的耐心。

知识也学到了,来支持一下我的最新游戏呗!

彩虹星球大冒险

冒险王的位置就等你来了!

小程序

*该教程已收录到【知识卡片库】中,在文末我为大家准备了教程中示例的开源链接,以及示例中所使用的金币素材资源包,所有小蚂蚁的学员可前往【知识卡片库】中获取。

这里是我的游戏开发课程服务,不只是一门课,而是围绕着新手学习做游戏有关的一整套服务。致力于帮助更多的人学会做游戏并做出自己的游戏,欢迎来跟一百多位同学一起学习做游戏。【点击这里】了解课程服务详情。

这里是小蚂蚁的小游戏系列,闲暇之余希望能给你带来片刻的放松和愉悦。无需下载安装,点击下方的游戏卡片就可以直接玩啦!









也欢迎加个微信,交个朋友,朋友圈每日分享与做游戏有关的知识和内容,可以来围观。备注“学习做游戏”可免费领取学习做游戏的原创教程资料。接受付费咨询,不闲聊,望见谅。






相关文章
|
5月前
|
SQL 存储 缓存
顺丰科技:从 Presto 到 Doris 湖仓构架升级,提速 3 倍,降本 48%
顺丰科技引入 Doris 替换 Presto,在内部可视化数据自助分析工具丰景台场景广泛应用。目前,顺丰临时查询业务、丰景台报表业务的 Presto 场景已经 100% 切换到 Doris 集群中,日均查询量 100W+。并实现 P95 性能提升近 3 倍,硬件资源节省达 48% 显著收益。
136 9
顺丰科技:从 Presto 到 Doris 湖仓构架升级,提速 3 倍,降本 48%
|
图形学 索引
Unity 之 三种抽奖示例
Unity做的三种抽奖的示例,根据需求修改动画时间和效果以及获取概率,文末附示例链接。
1222 0
Unity 之 三种抽奖示例
|
JSON atlas 图形学
unity之spine骨骼动画使用
unity实现spine骨骼动画使用
unity之spine骨骼动画使用
|
C# 图形学
【unity小技巧】Unity音乐和音效管理器
【unity小技巧】Unity音乐和音效管理器
841 1
|
Linux
Xshell 登录 AWS CentOS 出现“所选择的用户秘钥未在远程主机上注册“,最终解决办法!
其实就是 登录用户名错了,是 root,不是centos 也不是 ec2-user !  Xshell 连接配置界面如下   最重要是 登录授权配置  最后,登录成功! 就这么简单
3014 0
|
7月前
|
负载均衡 JavaScript 前端开发
分片上传技术全解析:原理、优势与应用(含简单实现源码)
分片上传通过将大文件分割成多个小的片段或块,然后并行或顺序地上传这些片段,从而提高上传效率和可靠性,特别适用于大文件的上传场景,尤其是在网络环境不佳时,分片上传能有效提高上传体验。 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
8月前
|
图形学
Unity UGUI拖拽移动
本文介绍了两种UI拖拽实现方式:精准拖拽和克隆拖拽。精准拖拽通过计算鼠标点击点与UI中心的偏移量,使UI跟随鼠标移动,适用于需要精确控制的场景。代码中通过`IBeginDragHandler`、`IDragHandler`和`IEndDragHandler`接口实现拖拽逻辑。克隆拖拽则在拖拽时克隆一个UI对象,使其跟随鼠标移动,适合视觉效果需求较高的场景。代码中同样使用上述接口,并在拖拽结束时销毁克隆对象。具体实现可参考提供的代码示例。
301 10
|
定位技术 图形学
Unity3D——射击游戏(多地图,多人物,枪支切换,驾车,扔手雷等功能,堪比小型和平精英)
Unity3D——射击游戏(多地图,多人物,枪支切换,驾车,扔手雷等功能,堪比小型和平精英)
Unity3D——射击游戏(多地图,多人物,枪支切换,驾车,扔手雷等功能,堪比小型和平精英)
|
JavaScript
如何运行vue项目(维护他人的项目)
如何运行vue项目(维护他人的项目)
569 0
|
测试技术 Python
设置pycharm使用pytest执行测试用例时,输出print语句至控制台
设置pycharm使用pytest执行测试用例时,输出print语句至控制台
620 0