「自制卡牌游戏DIY」提示消息缓动条
前天 23:0938 浏览主题教程
我正在尝试使用『星火编辑器』制作一款卡牌游戏。
今天尝试设计一个界面中的消息滚动功能,称为“提示消息缓动条”——让系统给玩家发送的消息在界面中滚动显示,然后变淡消失,起到即时显示系统滚动消息的效果(P2)
界面组件还是先从界编创建panel开始。在界面编辑器中建立一个用于存放提示消息缓动条的框,称为临时提示消息栏,以后我们的提示消息滚动条就在这个框里显示和滚动(P3)
新建一个页面,用来建立临时创建的提示消息滚动条的实例,然后我们在新建的页面中创建提示消息滚动条的panel,可以附上类似我这样金色下划线的背景图,然后在其中附上任意文字,就建好了一个有模有样的“提示消息缓动条”(P4)
为了让这个提示消息缓动条在游戏中实时显示并真正“动”起来,我们切到触发器,在服务端创建一个显示玩家提示消息的事件以及发送对应事件的方法(P5)
接着切到客户端,创建一个显示提示消息的方法。我们从局部变量中新建一个用于创建消息提示页面的组件。这个组件是临时创建的组件实例,故程序每次执行这个方法时都将创建一个装有提示消息缓动条的消息提示页面。顺理成章地,提示消息缓动条就会自动被创建在临时提示消息栏中(P6)
接下来要实现缓动条内容的更新和消息缓动。我们将要显示的消息作为传入方法的参数,在执行方法时将传入的消息字符串赋值给缓动条对应的文本。然后我们定义好缓动条初始的位置,定义好其过渡动画位置和透明度变化的时间,将缓动条的父控件绑定为临时提示消息栏——这样其相对位置就会变成相对于临时提示消息栏的位置了。
/*科普-过渡动画:指UI从一种状态过渡到另一种状态的、随时间逐渐变化的动画,状态可包括位置、尺寸、缩放、旋转、透明度等*/
接着我们添加延时执行的方法,改变缓动条的位置和透明度。而在2秒后,我们要销毁这个组件实例以避免它在屏幕上堆积,所以同样也要在2秒后加入销毁的方法(P7)
最后,在想要显示提示消息的地方调用这个方法,游戏客户端就会自动在屏幕中央显示提示消息缓动条了。尽管过程曲折,但创作的热情还是驱动着我们持续前行。有任何不懂之处欢迎随时私信问我,希望我的分享能给你带来帮助!谢谢为我点赞的小伙伴,那下期我们还是不见不散!