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

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

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

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

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

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

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

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

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

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

掉落金币

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

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

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

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

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

飞行金币

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

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

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

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

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

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

彩虹星球大冒险

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

小程序

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

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

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









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






相关文章
|
1月前
|
存储 弹性计算 Linux
2026年阿里云最便宜的云服务器:38元、99元和199元云服务器性能与购买规则介绍
2026年阿里云最便宜的云服务器只要38元、99元和199元。38元服务器适合轻量级应用,如个人博客;99元服务器提供完整ECS功能,适合技术学习与基础应用部署;199元服务器性能升级,适合小型企业官网等。
1109 3
|
5月前
|
人工智能 前端开发 数据库
2025年最适合初学者的AI编程工具Top3:零基础也能写出专业级代码_ai代码生成器推荐
李响团队推荐2025年三款适合零基础的AI编程工具:Lynx AI、CodePal、DevMate。无需代码基础,说句话就能生成程序,帮你快速入门、边用边学,轻松迈入编程世界。
2203 154
|
开发工具 git Windows
经验:停止 cherry-pick,请开始 merge!
cherry-pick 是一个比较常用的 git 操作,可以将一个分支上的 commit “精选”到另一个分支上。然而在最近的开发过程中,却时不时的遇到 merge 冲突。在下文中,我将会详细的分析 cherry-pick 造成冲突的原因,以及 cherry-pick 可能造成的其他更严重问题。
8413 0
经验:停止 cherry-pick,请开始 merge!
|
11月前
|
SQL 存储 缓存
顺丰科技:从 Presto 到 Doris 湖仓构架升级,提速 3 倍,降本 48%
顺丰科技引入 Doris 替换 Presto,在内部可视化数据自助分析工具丰景台场景广泛应用。目前,顺丰临时查询业务、丰景台报表业务的 Presto 场景已经 100% 切换到 Doris 集群中,日均查询量 100W+。并实现 P95 性能提升近 3 倍,硬件资源节省达 48% 显著收益。
349 9
顺丰科技:从 Presto 到 Doris 湖仓构架升级,提速 3 倍,降本 48%
|
11月前
|
人工智能 前端开发 JavaScript
从代码中诞生的浪漫:一个程序员的表白艺术
本文介绍了一款用代码表达爱意的表白网页项目,通过JavaScript、HTML5和CSS3技术实现。它不仅是一个简单的网页,更是一段爱情诗、情感载体和个人魅力展示。借助CodeBuddy智能助手,项目实现了动态页面效果、多媒体展示和互动游戏等功能,支持多设备兼容与性能优化。开源分享旨在激发创意,未来还将拓展多语言支持和社区模块,证明代码也能编织浪漫。
686 19
|
定位技术 图形学
Unity3D——射击游戏(多地图,多人物,枪支切换,驾车,扔手雷等功能,堪比小型和平精英)
Unity3D——射击游戏(多地图,多人物,枪支切换,驾车,扔手雷等功能,堪比小型和平精英)
Unity3D——射击游戏(多地图,多人物,枪支切换,驾车,扔手雷等功能,堪比小型和平精英)
|
图形学
Unity UGUI拖拽移动
本文介绍了两种UI拖拽实现方式:精准拖拽和克隆拖拽。精准拖拽通过计算鼠标点击点与UI中心的偏移量,使UI跟随鼠标移动,适用于需要精确控制的场景。代码中通过`IBeginDragHandler`、`IDragHandler`和`IEndDragHandler`接口实现拖拽逻辑。克隆拖拽则在拖拽时克隆一个UI对象,使其跟随鼠标移动,适合视觉效果需求较高的场景。代码中同样使用上述接口,并在拖拽结束时销毁克隆对象。具体实现可参考提供的代码示例。
620 10
|
移动开发 前端开发 JavaScript
【前端动画】实现动画的6种方式
【前端动画】实现动画的6种方式
1998 0
|
项目管理
Maven的配置和使用
一. 配置镜像加速 1.直接在项目中的pom文件中指定 aLiYun https://maven.
|
机器学习/深度学习 数据可视化 数据挖掘
【视频】线性混合效应模型(LMM,Linear Mixed Models)和R语言实现案例(一)
【视频】线性混合效应模型(LMM,Linear Mixed Models)和R语言实现案例