下载手机 APP

开发情报 | No.3 如何模拟绘油画笔触？

阿橘/ᐠ. ̫ .ᐟ\

修改于2024/06/16268 浏览研发日志

哈喽画家们好呀~

《倾听画语》已于6月12日正式上线，想必画家们也已经体验到了游戏内容~

已知，有一个部分在解谜过程中相当重要的元素，那就是“绘画”！

想知道游戏内是如何模拟“绘画”时的实际体验呢？如何可以让油画的笔触更加真实？

今天就跟阿橘一起来看看制作组的开发幕后故事吧~/ᐠ ̷ ̷𝅒 ̷‸ ̷𝅒 ̷ ᐟ\ﾉ

TapTap

1、画家绘画操作的还原

试想一下，作为一款以画家为主角的游戏，如果在游戏中没有机会体验绘画操作，那就是不是也很不合理呢？

因此，为了能让玩家沉浸在角色设定的「画家」身份，体验到近似绘画的操作，制作中成员都绞尽脑汁，希望将游戏玩法、解谜及「绘画」元素结合在一起，于是在游戏中设计了三种与画家有关的解谜操作，分别是：

「油画绘制」、「素描」和「涂色修补」，其中贯穿故事主轴的绘画解谜，是一幅主角为了参展而每天夜以继日努力绘制的油画作品。

TapTap

接下来就细说一下程序上是如何还原绘制油画的笔触效果~

2、绘画效果「填色」的重要性

首先，在讨论如何制作效果前，制作组首先想先和大家说明：油画绘制的操作在《倾听画语》中的定位，以及希望其带来怎样的体验。

主线绘画谜题关卡的设计重点，是想让玩家在360°全景中四处寻找线索，并在解开线索后，找出完成画作所需要的颜料，并在画布的各区块填上正确的颜色，进而帮助主角完成参展的画作。

TapTap

《倾听画语》开发中游戏画面

也正因如此的玩法设计及其串联整个游戏的重要性，制作组希望大家可以在解谜的同时体验到油画笔触在画布上带来的渲染效果、感受颜料涂抹在画布上的表现，借此引导玩家将自己带入画家的身份，享受完成作品绘制的过程。

那么「填色渲染」要怎么让它更为丰富？首先，需要考量的便是「油画的笔触」

3、油画笔触的诞生

关于「涂色」体验，在市面众多的游戏中不算少见，但在游戏中能够有绘制油画体验的游戏相对来说却很少，更不用说是要模仿真实笔刷的呈现，因为光是各种笔刷笔毫的差异，以及在画布所留下的随机不同的笔触，就让制作组经历了很多的尝试与设计。

同时，制作组不仅是要还原随机笔触，更要让整体符合游戏美术的赛璐璐风格，因此，最后决定制作「笔刷设定工具」，将绘图时的笔刷效果做得更为细致。

首先，对于笔刷来说，有两个相当重要的纹理贴图存在。第一个是决定形状，选择带透明度的笔头贴图，另一个是决定画出来样式的拼贴贴图。调整笔刷就是将两者组合，将笔头贴图借由Alpha Clip来获得形状，再随机取样拼贴贴图的显示位置，将处理完的图样贴到绘制出来的位置上，这两者组合后，就可以进行简单的图样绘制了。

TapTap

但如果游戏操作时直接以手指触控或是鼠标点击，画面显示的绘制图样的位置，会让笔刷绘画的点非常分散无法连贯。

TapTap

这时为了实现笔刷的连续效果，制作组使用了内插函数，将取样到的滑鼠位置（点）之间补上中间点实现了笔画的连贯。

TapTap

综合上述的两种做法，就可以做出最简单的笔刷效果，并且因为有对拼贴贴图随机取样所带来的随机性，所以绘制出来的每一笔都会有所不同，增添绘制效果的变化性和多样性~

除此之外，还可以将绘制图样加上随机的旋转，让每次笔刷出现的图片都会旋转变化角度，或是随着移动速度让笔头图片的有不同大小变化等等的效果，可以自行加上各种不同的变化后，就可以让油画笔刷的样式不再单调，从而变得丰富起来啦~

TapTap

《倾听画语》开发中游戏画面

希望游戏中大家可以尽情享受绘画涂色的触感效果，也希望大家也能设计出自己理想中的笔刷效果哦~

看来小小的笔刷模拟效果也不简单呐~

阿橘回去就做一个猫爪专用笔刷！

感谢画家们的期待与支持下次将带来更多开发幕后资讯哟~

我们下次再见！/ᐠ .ᆺ. ᐟ\ﾉ

TapTap

吉卜力风轻解谜游戏《倾听画语》现已上线！

首周9.9元即可一次性买断Steam移植全章节+DLC+正版通关专属纪念~

【有奖活动】

《倾听画语》上线！分享赢京东卡等多重好礼~

打卡赢京东卡精美周边啦！

创作征集火热进行中！

【关注我们】

官网：https://www-qthy.code666.com/pc/

小红书：倾听画语

B站：倾听画语手游

玩家交流群：765460212

#倾听画语 #独立游戏 #游戏开发

9.4