下载 App
《失心》游戏开发者日志01|游戏UI迭代及实机演示
10 小时前80 次播放综合
进入《失心》之前,玩家首先看到的是我们工作室 UNLOOK 的标识。我们将原来的标识转成 SVG,并让其中的红色瞳点转动、观察,再逐步显露完整字形,希望这个短暂的开场能带出一点好奇和不安。

这次《失心》的开局 UI,我们围绕小灵通(因为游戏的主要交互道具就是小灵通)做了几轮调整,希望玩家从打开游戏开始,就能感受到故事里的年代和气氛(故事年代背景为2000s)。
早期版本先确定了一个方向:把菜单放进小灵通的屏幕里。信号、电池、偏灰绿的液晶底色和像素文字,构成了界面的基本样子。从最初“张三的涌现”的版本,到后来换上“失心”标题,我们逐步调整了屏幕大小、文字比例和选中状态,让菜单既有旧手机的感觉,也能看得清楚。

构图也经历了变化。最初手机主要放在画面中央,后来把它移向右侧,在左边加入主角剪影。剪影被横向条纹切开,周围保留杂色块和暗部纹理,画面开始有了不稳定、若隐若现的感觉。接入 Godot 后,我们还修正过图层叠加方式,把原稿里人物周围的杂色效果找了回来。

接下来是让静态画面动起来。背景框线和横向条纹交替、反向移动,形成类似摩尔纹的干涉效果;整体加入鱼眼弯曲、扫描线、颗粒、暗角和轻微色差。最初提供过普通显示与鱼眼显示的切换,后来决定固定使用鱼眼,让开局界面的视觉风格保持一致。

交互部分,我们补上了选项高亮、文字反色,以及鼠标和键盘操作。新游戏与退出游戏也有了各自的确认页面。中间尝试过将提示文字放在模糊后的整个画面上,后来又把提示和确认、返回按钮收进小灵通屏幕,让这些操作继续沿用手机本身的视觉语言。测试中还删掉了底部多余的时间、设备标注和操作提示,减少画面里的干扰。
之后,我们把进入和退出游戏也做成了完整动作。厂商标识结束后,手中的小灵通开盖,镜头推近屏幕,再接上主菜单;退出时则反过来,拉远、合盖,最后用老电视关机时的短闪、水平亮线和光点收尾。


翻盖动画是反复修改最多的一部分。早期的变形方式让手机显得太薄,盖子的透视和遮挡也不自然。后来补绘了中间姿态,调整侧壁厚度、铰链位置和盖子对按键的遮挡,同时固定握持的手掌。开盖、合盖时也去掉了菜单背后的竖向投影,让手持画面更干净。
最后一轮主要打磨衔接。镜头推近时,手指先局部模糊并逐渐淡出,随后加入短暂的白条、闪屏、撕裂和重影,再进入清晰的菜单。“失心”二字逐字出现,放慢了标题节奏,其他选项随后较快显示,并配上电子打字声、按键声和翻盖声。这些细节让玩家在正式开始游戏前,先经历一次拿起手机、开盖、等待屏幕亮起的过程。








![「圣魔牌锋:地狱狂潮」DevelopmentLogs[0]截图](https://img-tc.tapimg.com/video-picture/tid-6ac51af0f524264b3e6b79a3/first.jpg/_tap_ugc_m.jpg)

