![[表情_微笑]](https://img.tapimg.com/market/images/0f170d4b1ecf80c267e5a44b5992a199.png)
哈尔西恩的救赎之路!——「开发者日志6」
大家好,我是聚光灯——悖论团队的UI音效 麦当,目前我们游戏中所需要的UI效果差不多要结束了,来给大家公布一下我们游戏中一些UI内容![[表情_微笑]](https://img.tapimg.com/market/images/0f170d4b1ecf80c267e5a44b5992a199.png)
![[表情_微笑]](https://img.tapimg.com/market/images/0f170d4b1ecf80c267e5a44b5992a199.png)


基本内容
游戏的UI部分主要为了配合美术的风格,也是采用像素简单风格(主要是美术画不过来UI的材质素材,我也没找到合适符合的素材)

关于界面UI
Godot中关于UI的样式设置类似前端的css样式,可以生成一个总的公共样式信息,然后在场景节点根部绑定,再根据游戏需要再局部样式中覆盖样式内容就做到统一的样式处理了
关于UI的布局也和css类似,按钮使用Godot的盒子节点来布局可以保持水平垂直对齐


更多反馈
但是这个是游戏,不是一个工具,本身的UI需要尽可能的给予玩家更多反馈才能操作起来有更多互动感
所以我为按钮添加了缩放动画,在鼠标移入hover之后会有按钮放大的效果,以及点击后的音效和悬停时的音效
好了现在我们的UI更像一个游戏而不是一个办公软件了

变化!


更加自然的过渡
虽然我们hover和点击已经有非常多的反馈了,但是在点击开始,关于,和退出时游戏界面场景都是立即发生变化,这会让玩家很疑惑,感觉就像是突然的卡顿感
所以我们需要为这些变化创建流畅的变化过程,让玩家感觉到自然
我们为场景切换添加延迟,和过渡的动画,以及退出时画面逐渐变暗到关闭的过程

一切都变得自然起来了
11:目前游戏已经进入尾声,我们会做好优化,期待呈现好的作品!