下载 App

《蠹痕》开发日志 #5 | 黑白漫画视觉赋予游戏的独特气质

修改于10/1626 浏览综合
大家好,这里是月桂工作室,我们的女性向微恐视觉小说游戏《蠹痕》很快将和大家见面,我们非常激动。
第一次见到我们游戏的朋友们可能会发现,我们采用了黑白漫画感的视觉风格,本篇开发日志将讲一讲这一风格背后的故事。

黑白是一种限制,也是一种保护

限制颜色之后,画面中的明暗关系会变得非常重要,人物是否突出、物件是否容易辨认、对白框是否压住背景,都不能再依赖丰富的色彩区分。
因此场景设计更依靠大面积明暗块、局部留白和轮廓关系来组织视线,人物立绘、房间结构、桌面前景和对白框需要分别拥有足够的对比度,同时还要保留手绘素材原本的质感。
在 3D 病房中,空间本身拥有更多材质和深度信息,我们通过固定构图、透明前景、优先级控制和扁平化的文字框,把 3D 场景往漫画分镜的方向收束,让镜头仍然保留空间感,画面却不会因为真实光照和复杂材质而失去统一风格。

漫画感来自“看见什么”和“暂时看不见什么”

漫画中的留白并非空缺,它会主动控制读者的注意力和想象空间。
在游戏里,这种留白需要通过镜头锁定、遮罩、闭眼过渡、局部特写和黑屏字幕共同完成,玩家看到的信息被分阶段释放,画面的停顿也因此具备了叙事作用。
程序需要精确控制这些停顿的持续时间,例如对白结束后是否立即切换、镜头是否先移动再显示人物、字幕中间是否保留不可跳过的间隔,以及玩家点击时哪些演出可以提前结束,哪些演出必须完整保留。
这些细节让画面拥有类似漫画分镜的节奏感,玩家的操作也会参与到“翻页”过程里。

对话框也是美术的一部分

在普通对话系统中,文字框经常被当作功能界面处理,但《蠹痕》 的对白框承担了更多视觉任务:它需要暗示说话者的位置,保持与人物的距离,适应镜头变化,也要与背景中的线条和留白形成关系。
因此不同类型的文字使用不同的框体、字号、文字边距和排列方式,心声、人物对白、特殊字幕和调查面板拥有各自的视觉层级。
3D 中的空间对白框仍然保留手绘素材的倾斜、尖角和不完全对称感,文字则由程序负责稳定排版,这样既能保留原画的不规则气质,也能避免手动摆放每一句文字带来的维护成本。

程序音效承担了“画面没有画出来的部分”

项目早期缺少完整的音效资源,因此一些互动反馈由程序临时生成,例如短促的点击声、束带声、门的开合声、脚步声和掌声。
这些声音并非简单地用来填补空白,它们需要与画面节奏保持一致:按钮反馈要足够轻,避免打断阅读;门的开合需要有明确的阶段变化;脚步声要配合人物移动距离;掌声则需要在安静场景中形成适度的突兀感。
程序生成音效的优势在于调整速度快,可以直接修改频率、衰减、噪声比例、持续时间和音量,不必每次都等待新的素材导入,比较适合开发阶段快速验证演出节奏。
例如点击反馈采用短暂的双脉冲结构,让玩家能够明确感受到操作已经生效,同时把音量压低,避免连续阅读时产生明显的听觉疲劳。

声音需要给画面留下呼吸空间

如果每一个动作都配上声音,黑白漫画式的克制感很容易被破坏,因此音效设计需要主动保留空白。
比较重要的动作会获得清晰反馈,细碎的过渡则尽量保持安静,让玩家注意到真正需要注意的变化;当画面已经拥有较强的视觉冲击时,声音会适当收敛,当画面刻意保持静止时,轻微的点击、摩擦或脚步反而能够扩大空间感。
这种处理让声音与画面形成互补关系,音效不必持续解释画面,偶尔出现的声音本身就可以成为一种构图。

美术、程序和声音需要共同决定节奏

《蠹痕》的黑白漫画感最终并不依赖某一张贴图或某一种滤镜,它来自多个系统对节奏的共同控制:美术决定画面留下哪些信息,程序决定信息何时出现,声音决定玩家如何感受到这些变化。
当一个按钮的动画速度、声音的衰减、对白的打字速度和镜头的停顿能够互相配合时,玩家感受到的就不再是几个独立功能,而是一种完整的表现语言。
后续我们还会继续调整线条、材质、文字框和音效之间的关系,让 2D 探索与 3D 病房虽然拥有不同的技术基础,却能够共享同一种压抑、克制和带有漫画分镜感的视觉气质。
猜你想搜
聚光灯游戏创作挑战 蠹痕开发日志
00:34
《荒原复苏指南》开发日志④:关卡演示堂堂袭来!!截图
《荒原复苏指南》开发日志④:关卡演示堂堂袭来!!
- 人类曾因掌握元素合成技术而一度辉煌,又因滥用元素能量而逐渐从内里衰败。 - 30世纪80年代。社会文化充斥着激进乐观主义与庞大机械美学,在这里,污染和能源共生,幸福与痛苦并存。官方广播和宣传画里依旧在宣扬“科学将战胜一切”、“元素能量将再造新农田”的口号,而世界主城却已经因为污染过度而濒临崩溃、空间挤压严重。为了寻找新的生存空间与无污染能源,官方启动了“重构拓荒计划”。 - 玩家将作为前线拓展
18 赞
6 回复
【童谣镇】聚光灯第二次开发日志截图
【童谣镇】聚光灯第二次开发日志
开发进度: 美术 1、主角人物立绘已细化完成 2、所有NPC的QQ人形象与呼吸动画已设计完成 3、大部分UI界面已设计完成 4、面包房建模与树屋建模以及基础房屋、路灯、树木模型已完成。 5、制作过场动效,制作通用动效材质ing 6、广场资产替换、永续桥和植被的资产替换、房屋资产替换,河流制作 7、学校模型的材质完成 8、石墩子、小道具模型制作ing 9、NPC正比胸像绘制ing 策划 1、任务系统
16 赞
10 回复
目前个人认为目前聚光灯值得一玩的游戏截图
目前个人认为目前聚光灯值得一玩的游戏
T0是美术风格优秀,并且以玩法为主。 T1是玩法或者美术稍微弱一点,但也很推荐一玩。 排名不分先后: 1️⃣寂静园:复古像素风格的横版解密游戏,关卡设计精妙,很好的运用了"金币"这一关键机制,初解密会感到有些困难,不过当熟练机制之后,便会茅塞顿开 2️⃣spectreX:运用光影折射的横版解密,通关方式多样,不同的光影运用会有意想不到的效果。 3️⃣光与影:同样也是光影解密,和spectreX不同
11 赞
5 回复
00:07
雨天決行 开发者日志02-人工智能的自我修养截图
雨天決行 开发者日志02-人工智能的自我修养
又和大家见面啦!第二篇日志,说实话一开始不知道该怎么编排,但团队里惊喜的成果越来越多,我们已经迫不及待把更新的内容端上来给大家啦!那么事不宜迟,快来看看都有什么新情报吧ദ്ദി˶ー̀֊ー́ )✧ 一.美术(重磅升级) 以主美小为的生命力作为燃料(bushi)本次美术组取得了大进程!首先是各个ui界面的优化和细化,上次大家看到时还只是初具雏形的草稿,现在大多都完整起来了哦! 同时,随着配色的补全,手
43 赞
39 回复
00:30
《失心》游戏开发者日志01|游戏UI迭代及实机演示截图
《失心》游戏开发者日志01|游戏UI迭代及实机演示
进入《失心》之前,玩家首先看到的是我们工作室 UNLOOK 的标识。我们将原来的标识转成 SVG,并让其中的红色瞳点转动、观察,再逐步显露完整字形,希望这个短暂的开场能带出一点好奇和不安。 这次《失心》的开局 UI,我们围绕小灵通(因为游戏的主要交互道具就是小灵通)做了几轮调整,希望玩家从打开游戏开始,就能感受到故事里的年代和气氛(故事年代背景为2000s)。 早期版本先确定了一个方向:把菜单放进
15 赞
10 回复
【涌现符】开发日志#1截图
【涌现符】开发日志#1
大家好,我们是电子织机队,核心成员都来自同一个学校社团。 经过了五天的设计大烧烤终于把玩法大概定了下来。虽然题目一出大家立刻都想到了涌现式玩法,但是在这么短的时间内设计出优秀好玩的涌现式玩法对于没有太多经验的学生还是难度颇高,涌现式叙事对于没有专门编剧的我们队也难以达到理想的效果。 皮尔斯提出的"Symbols grow"是一个很有趣的概念,也即一个符号在使用中产生解释,解释引导预期和行动,经验又
4 赞
2 回复
开发日志01截图
开发日志01
“涌现” 1.读作 ‌yǒng xiàn‌,意思是(人或事物)在同一时期大量出现,或者突然出现。‌‌ 2.科学含义‌:在复杂性科学里,涌现指大量简单个体相互作用后,整体产生了单个个体不具备的新特性,也就是“整体大于部分之和”,比如蚁群表现出的智慧、人工智能大模型的推理能力。 刚看见这个题目的时候,有一点点懵。看了词语解释之后,才有了一点想法。 考虑到时间还有个人开发的能力限制,目前决定做一个纯粹的
2 赞
《涌》开发日志 #1:在从深圳去海南的船上,我想了一整天的玩法截图
《涌》开发日志 #1:在从深圳去海南的船上,我想了一整天的玩法
本期进展 这次聚光灯本来不打算参加的。大四了,事情一堆。后来看到赛制里可以做纯 H5——不用下载不用安装,浏览器点开就能玩——我转念一想:写代码的活儿反正交给 AI,我负责想玩法和挑毛病,那就参加吧。 开题那天是 10 月 1 号,我正好在从深圳回海南的路上。白天在车上晃,晚上还要坐过海的船,船上睡不踏实,就在那种又困又清醒的状态里,把玩法想了一整天。 想出来的就是《涌》。 一句话说:你在一卷展开
4 赞
1 回复
开发者日志01截图
开发者日志01
家好,分享一下最近在做的第一人称元素射击原型。这次把测试场景搬进了一座欧式村庄。 这次想分享的是一面墙的变化。 先用火弹打中指定墙面,让它烧起来;再换水弹,火会熄灭,冒出蒸汽,随后留下湿润的痕迹。希望玩家能从这些变化里,一眼看出刚才的操作对环境产生了什么影响。 这也是目前对“涌现”主题的尝试:让元素、场景物体和操作顺序互相影响。先把基础反应做清楚,再尝试让它们在战斗中带来更多选择。 目前主要在村庄
4 赞
01:21
【开发日志07】《我记得》|Windows 里的光与细节截图
【开发日志07】《我记得》|Windows 里的光与细节
第七篇日志,想带大家重新看一遍《我记得》的世界。 最近把录制切到了 Windows,也把 DLSS 加进了这次画面展示。以前日志里放出的主要是 Mac 开发版,这次可以换个角度看看:屋顶追逐时掠过的建筑、第四章跳跃后展开的另一重世界,还有 Boss 战里不断变化的光影和攻击。比起只看静态截图,我更想看看这些细节在奔跑、转场和战斗中能不能保持清楚。 这次实录使用 RTX 4060,开启 DLSS 质
5 赞
5 回复