大佬分享像素画游戏风格如何保持一致性

打开网易新闻 查看精彩图片

文本概览:全文约 1,454 字,阅读约 4 分钟。

跟完这篇,你能定下分辨率、颜色、风格三类一致性规则,并按“分区隔离”混用像素与高清界面。

神圣规则,也允许例外

像素画常说:别混分辨率。不同像素密度的精灵叠在一起,容易显得业余、难读。做游戏的主策略通常是:选定一个分辨率,然后守住它。

可是真正落地时,UI、地图、立绘会在低分辨率里卡死——尤其还要本地化、还要低色数。

打开网易新闻 查看精彩图片

Celeste 本身就不是“整屏同分辨率”

三条路可以选:

  • 全一致

    :所有东西同一分辨率。省事,但极限很疼。

  • 全混乱

    :到处混风格。高手能救,新手易翻车。

  • 世界隔离

    (常用):每个区域内部一致,区域之间可以换风格。

一致性分三类

开工前先定限制,常见三类:分辨率、颜色、风格。

分辨率:先定游戏画布

多数像素游戏不是把每个精灵直接放大到屏幕,而是:先画在“游戏画布”上,再整幅最近邻放大到显示器。

打开网易新闻 查看精彩图片

画布放大到屏幕

以 Celeste 为例,画布320×180。Switch 是 1920×1080,正好 ×6。整数倍放大,像素才硬。

打开网易新闻 查看精彩图片

尽量卡整数倍

注意:放大用最近邻(point),别开平滑。非整数倍缩放容易出锯齿糊边。

改放大精灵本身时

若项目必须旋转很多,也可能改成“精灵放大到屏幕分辨率”。尽量:

  • 所有精灵同一整数倍

  • 位置对齐到position * gameScale

  • 旋转尽量在原生分辨率做

  • 别往屏幕画小于 1 像素的东西

屏幕比例对不上时

常见补救:

  1. 改相机尺寸

    :画布靠最近整数放大,多裁一点画面。

  2. 先放大再缩小

    :先抬到屏幕附近,再填满(可试双线性)。

  3. 加黑边

    :保持相机尺寸,用好看的 letterbox 包住。

打开网易新闻 查看精彩图片

黑边保住锐利像素

也可以故意拥抱锯齿——风格本身就怪的时候,直接拉伸到屏幕也行。

颜色一致性:不只有“限色”

限色板是最省心的做法:一套调色盘,画什么都加载同一份。

打开网易新闻 查看精彩图片

固定调色盘

但“颜色一致”不只是色数少。不限色时,真正容易乱的是:新颜色一旦出现,就会到处漂;反过来,有些精灵该复用已有色却没用。

打开网易新闻 查看精彩图片

后处理可以放在画布之后

常见做法:画布内守盘;需要的炫光/滤镜放在画布之后,再“打破”也不伤角色本身。

世界隔离:菜单、UI、关卡各管各的

把游戏元素想成不同“世界”。每个世界解决一个问题,就用最适合的风格。Celeste 里大致是:关卡像素、UI 高清、地图 3D。

打开网易新闻 查看精彩图片

关卡 / UI / 地图各画一次

关键在检疫:风格不跨界泄漏。关卡里捡到的水晶心是像素;进 UI 换成高清;地图上再变 3D。若像素心直接出现在 UI,会非常跳。代价是:同一物件要画三遍。

非叙事信息也要小心。状态图标若跟着角色飘,第一反应可能画成像素;可它其实是“系统信息”——画成高清,才不会变成“角色头上真长了一块像素牌子”。

混得很厉害也能好看。Breath of Fire 4 几乎什么分辨率都塞进同一帧,靠的是整体品质撑住。

打开网易新闻 查看精彩图片

高手混搭仍可读

常见坑:层滑动、旋转、相机抖动 层滑动与“薄像素”

低分辨率加视差时,1 像素一步会发僵。可以把不同层画在同分辨率画布上,再用屏幕分辨率做层间滑动。

打开网易新闻 查看精彩图片

亚像素位姿会露出薄边

停住时务必回到整数坐标,薄像素才不会钉在画面上。

打开网易新闻 查看精彩图片

动时可亚像素,停时回网格

旋转

90° 通常安全,45° 有时能混,其它角度常难看。可选:

  • 多方向重画,中间角再插值旋转

  • 旋转物件改画在屏幕分辨率(像素会像转过的方块)

  • 原生分辨率硬转(快闪或大精灵更扛得住)

相机抖动

低分辨率相机一次只能挪 1 像素,斜向慢移更明显。可让相机在屏幕分辨率移动:画布留一点 bleed,精灵仍按像素对齐,再把相机的小数偏移补回屏幕位置。

参考资料

My Thoughts on Style Consistency: https://saint11.art/blog/consistency