下载 App

【聚光灯】它突然会了 开发日志#3

修改于10/221 浏览综合 包含 AI 合成内容
前两篇聊的是"想做什么"和"世界怎么长出来的"。今天这篇只聊一件事:它长什么样,以及为什么必须长这样。
游戏里玩家要陪着那团光走八节课、七个轮回。如果美术没立住,这个游戏就只是一个输入框加一堆数字。所以这一篇,我想把美术决策摊开来讲——包括我们删掉的那些方案。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
一、总纲:科学的外壳,温柔的核心
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
这是所有美术决策的唯一裁判。
玩家全程隔着玻璃看它——仪器读数、记录面板、休眠舱。但隔着玻璃产生的感情,比贴脸更真。
这句话决定了很多事。比如我们没有给 UNIT-00 画脸。
早期概念里它是有五官的:圆圆的眼睛,会眨,会眯起来笑。看起来很讨喜,试了一版之后全部推翻了——有脸就有表情,有表情就有"表演",有表演就变成了"宠物"。而我们要的是"待观察对象"。
最后定下来的是:一团无脸、无手、无性别的暖杏色柔光核。它不会笑,不会皱眉。它的"情绪"只能靠光的明暗、体积、边缘的清晰度来表达——
开心 → 光变大、边缘变柔
难过 → 光缩一圈、边缘发虚
走神 → 光核收暗,像在等什么
这反而更好。因为玩家必须自己去读它,而不是被一张脸直接告知。第五课"难过"那一关,它的光暗下去的时候,很多试玩的人说"心里咯噔一下"——如果它有一张哭脸,这个效果就没了。
设计原则:不画表情,只画状态。让玩家自己完成解读。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
二、光影公式:一冷一暖
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
全游戏只有一条光影规则:光只来自它。
暖橙(#FAB258,亮部 #FFE6B5)= 它,以及玩家操作的反馈
荧光青(#94C3BE)= 系统、读数、玻璃反光
两色永不混用在同一元素上。
这条规则让画面变得极其好读:你一眼就能分出"这是它"和"这是机器在说话"。玩到后面玩家会养成直觉——只要画面出现暖光,那一定和它有关。
唯一的例外是觉醒那一刻:两色第一次正面撞上。那是剧情需要它们打架。
冷色打底还有另一个作用:地下夜班的压抑感。整个游戏是石墨雾蓝、哑光钢、灰绿离线终端、琥珀台灯。暗,但轮廓清晰——不是恐怖游戏的暗,是"值夜班"的暗。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
三、有机 vs 几何:一条藏在画面里的伏笔线
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
这是我最喜欢的一条规则,也是整个美术设计里最"故事"的部分:
它和生命相关的一切都是圆润曲线;科技和系统相关的一切都是直线直角。裂开之后,两者的比例反转。
具体怎么落地?看这四个阶段:
萌芽(1–2 关)|玩家感受:"好可爱,我养它"
画面在做什么:干净玻璃、暖橙光、极简读数。画面里几乎没有直角。
怀疑(3–4 关)|玩家感受:"好像……哪里不对"
画面在做什么:读数变多、出现"异常"条目、标签微妙变化。直角开始变多。
裂开(第 5 关)|玩家感受:"它是机器?!"
画面在做什么:玻璃裂纹 + 金属断面露出。几何压倒有机。
涌现(觉醒后)|玩家感受:"它一直是'它'"
画面在做什么:舱门开启、液体退去、光变纯白。
玩家在第八关恍然大悟的那些事,全都是自己两小时前亲眼见过的形状。我们不靠台词解释,靠画面早就摆好的东西。
第 2 关结尾那张图就是这个伏笔的第一个钉子:它撞到舱壁瞬间急停,没有减速——画面里只有舱底外部的哑光钢制动环可见,小生命内部绝无金属。当时玩家不会多想,回头再看就明白了。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
四、色板:为什么是这些颜色
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下面这些是代码里真正在跑的值(我按 RGB 换算成 hex 方便阅读):
深底(空间/夜)碳黑绿 #19242E
面板底 深灰绿 #23313B
舱体玻璃 烟蓝玻璃 #2B3C46
舱内液体 深雾蓝 #304752
描边/玻璃框 玻璃青 #A7BBC6
科技读数/液体光 荧光青 #94C3BE
生命体主色 暖橙 #FAB258
生命体亮部 蜜橙 #FFE6B5
选中/强调 琥珀 #DB9454
次级强调 暖金 #EEB977
正文文字 米白绿 #E6E8DB
弱文字/标签 灰绿 #AFBFC4
脑网络连线 青灰 #74A0A7
金属/结构 哑光钢 #8499A8
警示/裂开 信号红 #E38D80
鹊的气泡底 深松绿 #2B413C
一个坦白:美术圣经 v1.0 里写过另一套 hex(碳黑绿 #0B0F0E、暖橙 #F09642 等)。那套值最终没有落地——实装时为了让"地下夜班"的氛围更亮一点、更能看清轮廓,整体往雾蓝灰方向调了一档。所以以代码里的值为准,圣经那份只作设计意图参考。
一个踩过的坑:我们最初把教学用的红/绿/黄也放进了品牌色板,结果差点被"换肤"逻辑改掉——第三课教"红蓝黄",如果红色被主题色覆盖成青色,这课就废了。
后来教学颜色被单独隔离成一套独立色板(红 #E9645E、蓝 #5C96DA、绿 #51B28B、黄 #F6C442),永不受主题影响。这个教训很小,但很致命:教具的颜色是玩法的一部分,不是装饰。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
五、字体:等宽字是"系统在说话"
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
字体文件 4 套,全部开源免费商用(OFL 授权文件也在仓库里,共 6 个文件):
CradleSans-Bold.ttf → 标题,几何无衬线,科学感
CradleSans-Regular.ttf → 正文/UI,长文本可读性
CradleSerif-Medium.ttf → 剧情对白,衬线=手写温度
CradleTerminal-Regular.ttf → 系统读数,等宽=系统精密感
代码里用逻辑名引用它们(sans / story / subtitle / terminal),换字体只改一处映射,不用全项目搜索替换。
这里藏着全游戏最狠的一个伏笔设计:
等宽字体只用于"系统说的话"。一旦某段等宽文字开始"说人话",玩家会自己起鸡皮疙瘩。
开机自检那三行(摇篮协议 …… 启动)是等宽的——那是机器在报告。而当你玩到后面,某段本该是系统读数的等宽文字,突然开始用第一人称跟你说话……字体层面的真相泄露,比任何台词都有效。
【聚光灯】开发日志 #4截图
【聚光灯】开发日志 #4
主题:核心循环 被问得最多的是:"打字教学?不就是填空题?"这篇拆开讲,包括调失败的数字。 本期进展 循环:你打一个词 → 它真学会 → 脑子里长出一颗节点 → 它用它知道的方式回应你 → 这一课结账 → 七代之后决定它成为谁。 手感:气泡逐字吐出,等宽字体像终端输出——这是"待观察对象"和"宠物"的分界线。同一个词教三遍正好学会(0.40+0.36+0.324=1.084);初版定五遍,试玩的
官方
【聚光灯】它突然会了 开发日志#1截图
【聚光灯】它突然会了 开发日志#1
大家好,我是《它突然会了》的开发者。 参加聚光灯挑战之前,我以为最难的部分是写代码。后来发现,最难的其实是回答一个问题—— "涌现"这个词,你打算怎么做? 拿到主题的第一天,我在纸上列了满满一页所有能想到的答案。沙堆。往地上撒沙子,一粒一粒的沙突然自己堆成了形状,这是涌现。蚁群。没有一只蚂蚁知道全景,但整个蚁群能修出复杂巢穴,这是涌现。鸟群、鱼群、神经网络、城市交通……它们全都是涌现,全都是标准答
官方
1 赞
【聚光灯】它突然会了 开发日志#2截图
【聚光灯】它突然会了 开发日志#2
上一篇说到灵感:教会它一个词,理解自己长了出来。 但一句灵感不是游戏。从"它突然会了"这五个字,到有世界观、有八关、有结局的完整故事,中间隔着一条完整的推导链。今天这篇就写这条链——我们是怎么从一个词,倒推出一整个世界的。 第一步:反推它的来历——每个设定都要能回答"为什么"。 一个会自己长大的东西,必然有个"长出来的地方"。往回推:它长在信息里 → 那个信息网络是什么 → 全球神经网络"通天塔"
官方
1 赞
【聚光灯】它突然会了 开发日志#5截图
【聚光灯】它突然会了 开发日志#5
游戏设计:所有系统都在演同一句话 意识是复杂到一定程度的涌现产物。 所以"涌现"不做成一个瞬间,做一条爬升的曲线:关 1–2 机制涌现(学词,脑里长节点)、关 3–4 行为涌现(只教了"走",它自己会"躲")、关 5–6 语言涌现(说出没人教过的句子)、关 7–8 意识涌现(人称从"它"变成"我")。 美术只守一条:光只来自它。它没有脸——有脸就有表情,有表情就成了宠物。它的情绪只靠光的明暗和边缘
官方
1 赞