本文主要内容包含各种效果和功能的按钮的实现方法,以及应用场景。
如果你没有任何的游戏开发经验,欢迎阅读我的“人人都能做游戏”系列教程,它会手把手的教你做出自己的第一个小游戏。
按钮是一个在游戏中非常常用的组件,包含各种各样的形态和功能,今天就在这篇文章里汇总一下拥有各种不同点击效果的按钮,以及一些具有不同触发条件的按钮的实现方法。
在游戏设计中有一个名词叫“反馈”,大体就是指当玩家在进行游戏时,游戏所给予玩家的一些东西,比如常见的在点击按钮时,按钮会变换颜色,或进行缩放,或播放音效等等。总之,不论玩家在游戏中进行任何的操作,游戏都应该给予玩家一个合理的反馈。让玩家能够明白他的操作所获得的结果是什么。
一个拥有着合理反馈的游戏一定也伴随着良好的用户体验。我们经常会在游戏中点击各种各样的按钮,所以,对于一个按钮来说,点击后有反馈是很重要的。
首先,我们利用小游戏开发工具提供的各种行为,来实现几个拥有不同动势的按钮。
抖动的按钮
我们使用一个容器来代表一个按钮,容器中包含两部分内容,一个是按钮显示的文字,一个是按钮的图片。
选中“抖动按钮”容器,为其增加一个“抖动”的行为。
设置一下抖动行为的参数。
最后,为抖动按钮容器增加按钮点击的逻辑。
非常的简单,当按钮点击时,我们让其抖动一下即可。
这样一个点击时触发抖动的按钮就做好啦!
弹出的按钮
接下来,我们制作一个弹出按钮,与抖动按钮一样,我们也为弹出按钮新建一个容器,然后为其添加一个“弹出”行为。
设置一下弹出行为的属性。
最后,为弹出按钮容器增加按钮点击逻辑。
一个有弹出效果的按钮就完成啦!
翻转的按钮
同样的创建一个“翻转按钮”的容器,为其增加一个“翻转”行为。
调整翻转行为的属性。
增加翻转逻辑积木。
一个点击可以翻转的按钮就出来啦!
旋转的按钮
创建一个“旋转按钮”的容器,为其增加一个“旋转”行为。
调整旋转行为的属性。
增加旋转逻辑积木。
这里的旋转积木仍然使用了“翻转”来命名,这里大概是工具开发者的疏忽吧!
预览一下可以旋转的按钮。旋转效果比较适合正方形或者圆形的按钮。
上述就是我们可以直接利用工具提供的“行为”实现的不同按钮点击的效果了。可以看到每个行为中都配有不同的参数,大家可以通过调整参数,来实现自己想要的行为效果。
接下来我们介绍一下如何利用“会动的按钮”来吸引玩家的注意力。
在一个页面中,如果你想让用户额外的关注某一部分,通常有三种不同的方法。第一种是通过布局和占用面积,让需要关注的那个部分尽可能的在屏幕上方(打开任何的一个页面,人们总是习惯从上往下看),占用面积尽可能的大。另一个方式是通过颜色的搭配,来重点突出某一区域的颜色,来引起重点关注。除此之外,还有一个方法就是让需要关注的地方“动起来”。想象一下在一个静态的页面中,如果只有一个按钮在跳动,那么你是很难不注意到它的。
下面我们就实现几个拥有不同的“动起来”的效果的按钮,并且介绍一下它们的用途。
不停缩放的按钮
首先,创建一个按钮容器,然后为其增加如下的逻辑。
预览一下按钮的效果。
这种按钮比较适合用于游戏中的复活场景,点击按钮进行复活,类似于心脏的起搏,来引导玩家进行复活操作。
精致1010中的复活按钮,就使用了这种效果,另外搭配上了复活的倒计时,可以很好的引导玩家进行复活操作。
另外,在游戏结束后,如果玩家刷新了自己的最高分,同样的也让“分享”按钮动起来,让玩家注意到,这样更有可能产生分享操作。