Gameart on PlumePHP

《游戏美术与技术美术》卷三《风格与品类美术实战》目录

Tue, 13 Oct 2026 20:00:00 +0800

《游戏美术与技术美术》卷三《风格与品类美术实战》目录：16 章 48 节，从风格的可测三维与风格距离矩阵，经像素风、2D 手绘、低多边形、NPR 卡通、写实 PBR、厚涂手绘、体素，到等距 2.5D、二次元、暗黑、清新、复古赛博与品类差异，最后用 6 个主题包跑同一份规范并给出风格距离矩阵。按章节提供仿真、逻辑内核与原型；完整项目的配置组装与交付验收仍在补齐。

1.1 三个可测维度：色彩 / 形状 / 细节

Tue, 13 Oct 2026 20:00:00 +0800

风格能不能被量成几个数？本节把第一卷的五维风格向量拆回人话——色彩（明度中位数 / 饱和度均值 / 色相跨度）、形状（描边占比）、细节（细节密度）三个可测维度，并做一次消融对照：只用色彩三维时最近一对会掉到可区分下限以下，补上形状与细节才恢复，这正是「三个维度一个都不能少」的整数证据。

1.2 风格向量与风格距离矩阵

Tue, 13 Oct 2026 20:00:00 +0800

1.1 给了六个主题的五维向量，本节把它铺成一张 6×6 的风格距离矩阵：用声明权重 [2,2,1,3,3] 的加权 L1 整数均值再 ×10，判据是下限 800。15 对全部高于下限，最近一对 lowpoly/cozy-clean 是 1002；摘要指纹与卷二 16.2 独立复算逐位相同，这就是「同源但可区分」。

1.3 风格选择与项目约束

Tue, 13 Oct 2026 20:00:00 +0800

距离矩阵回答「哪两套最像」，但项目要选的是「最合约束的那套」。本节把风格选择写成一笔可算的账：四道硬门槛（对比度 / 可区分 / 细节上限 / 明度下限）先过滤，过关者再按与项目目标向量的加权 L1 距离排序，预算内取最近者。结果是 cozy-clean，拟合度 969，比第二名近 136。

10.1 色彩与线条规范

Tue, 13 Oct 2026 20:00:00 +0800

二次元的「好看」几乎全在画师手上，但色彩与线条里仍有一半能写成整数：角色色的饱和度上限与明度下限、色阶带的档数与档间明度差、线宽区间，以及线色不许近似纯黑、不许近似中性灰、色相必须落在冷色带内。本节把这些落成一份 D 层规范与一段可跑的 TypeScript 校验器，并说清本章为什么只走 D+P+X。

10.2 角色比例与面部规范

Tue, 13 Oct 2026 20:00:00 +0800

10.1 管的是颜色与线宽，这一节管结构：角色的头身比、头高与全身高、面部三条特征线（眼 / 鼻 / 嘴）在头部框内的相对位置、双眼加眼距占头宽的比例，全部是整数。本节把它们落成一份 D 层比例表与一段可跑的 TypeScript 校验器，头身比恒等式与面部顺序都会被断言。

10.3 X：画质

Tue, 13 Oct 2026 20:00:00 +0800

前两节把二次元里能写成数据的部分写完了：色彩、线色、色阶带、头身比、面部特征线。剩下的那一半——画质——本机根本做不了。本节整节标 X，逐条说明它为什么不可复现，并把「不许给不可复现的东西编一个数字」写成一条会失败的门禁：声明表里只要出现一个测量值字段，测试立刻报错。

11.1 低饱和色彩分级

Tue, 13 Oct 2026 20:00:00 +0800

暗黑与恐怖的第一步不是换色相，而是把整块调色板压饱和度。本节从 retro-cyber 的暗色档出发，用整数地板除做分级：灰值加权和加按等级往灰值收，算出每个 token 分级前后的饱和度千分比与四个等级的平均饱和度，并让 Python 与 TypeScript 各自复算、逐位对齐。

11.2 亮度分布与对比度

Tue, 13 Oct 2026 20:00:00 +0800

暗色主题的调色板几乎全落在低亮度区，文字能不能读只剩对比度这一根拐杖。本节用与卷一 ch4 同源的 WCAG ×10 整数口径，算分级后 token 的相对亮度千分比、亮度分带直方图与相邻亮度阶梯的最小间隔，并从只读真源取对比度下限，逐对检查暗色调色板是否达标。

11.3 视觉噪声与可读性平衡

Tue, 13 Oct 2026 20:00:00 +0800

暗色底上的高细节有两个相反的失败模式：太密就成了视觉噪声，太淡又会看不见。本节对《星屑旅店》的每个图标算两笔独立的整数账——噪声千分比（笔画数乘笔画宽乘笔画均长除以图标面积）与细节对比度是否达到下限，并证明裁剪笔画救不了对比度不足，两条账不能互相抵消。

12.1 高明度低饱和调色板

Tue, 13 Oct 2026 20:00:00 +0800

清新治愈的「高明度低饱和」不是形容词，而是可校验的整数：背景族明度有下限、中性角色饱和度有上限、强调色有数量上限。本节把三条约束写进 cozy-clean 主题，用 Python 真跑候选色审计并生成色卡 PNG，再用 TypeScript 校验器与 Python 落盘的 JSON 对拍，证明两侧的整数类违例集合与摘要逐位一致。

12.2 圆角与柔和过渡规范

Tue, 13 Oct 2026 20:00:00 +0800

清新治愈的形状语言同样可以整数化：圆角取阶梯且不超短边一半、柔边宽取阶梯、过渡带数必须整除柔边宽（每带等宽整数像素）、模糊半径取阶梯、柔和风格禁粗描边。本节用 Python 真跑六块 UI 资产的规范审计并生成圆角样本 PNG，再用 TypeScript 校验器与 Python 落盘的 JSON 对拍。

12.3 一致性维护

Tue, 13 Oct 2026 20:00:00 +0800

规范一旦铺到多个场景，一致性就不再靠人记：每个场景的 8 个 token 都要与主题逐通道比较，任何一通道偏移都判漂移；同时复算每场景 5 对对比度的最小值，低于下限即判违例。本节用 Python 真跑四个场景的一致性审计，再用 TypeScript 校验器与 Python 落盘的 JSON 对拍，证明两侧的整数类违例集合与摘要逐位一致。

13.1 霓虹调色板与色彩分级

Tue, 13 Oct 2026 20:00:00 +0800

复古 / 赛博的霓虹感是可校验的整数约束：发光色饱和度下限 500‰、地色亮度上限 250‰，把「暗底高饱和」与「亮底低饱和」分开；再算 5 对 WCAG ×10 对比度与整数色彩分级。实测 retro-cyber 零违例，cozy-clean 有 4 项违例，分级改色却改不动地色亮度上限。

13.2 发光与溢出规范

Tue, 13 Oct 2026 20:00:00 +0800

霓虹的「发光」在命令行里只算参数与账：4 层光晕累计 1250‰ 被 1000‰ 截断，丢失 250‰；光晕外扩环占 cell 面积 410‰，低于 500‰ 上限，反解最大半径 7px；图集每格四周 padding 6px 后槽位从 256 掉到 169，装箱率 144‰ 升到 203‰。

13.3 主题切换与变体管理

Tue, 13 Oct 2026 20:00:00 +0800

6 个主题包共用一套结构（8 个 token 名、5 对对比度、同一图集与预算），切换只换取值不换规则：逐变体重跑门禁，6 个主题全部 0 失败对，最紧一对 pixel 的 danger/surface 恰好 45 等于下限；切换成本 8/8，每 token 在 6 变体下都有 6 个互异取值。W 层主题切换器切 retro-cyber ↔ cozy-clean，断言调色板真变。

14.1 品类与美术预算的关系

Tue, 13 Oct 2026 20:00:00 +0800

同一支团队做休闲和做重度，能出的资产量差一倍。本节把品类写成一笔可复算的整数账：四分品类（休闲/中度/重度/独立）各给一个迭代的团队规模与资产需求，产能口径与卷二 14.1 同源（有效系数 595‰），算出利用率 781/1058/1092/966‰ 与吞吐 134/120/85/95，并给出档位加权几何预算 52500~123000 面。

14.2 品类与视觉可读性

Tue, 13 Oct 2026 20:00:00 +0800

可读性不是调色板的绝对属性，而是调色板与观看条件的匹配。本节把四品类的观看条件（屏幕、单次注视时长、同屏元素数）折成四道整数门槛，对 6 个主题包做 6×4=24 格判定：休闲只过 2 格、中度 3 格、独立 2 格、重度 6 格——同一份调色板，换个品类判定就不同。

14.3 跨品类复用与移植

Tue, 13 Oct 2026 20:00:00 +0800

跨品类移植不是复制粘贴，而是一笔账。本节把复用分成参数级/贴图层/几何层/全新建四层，各给一个整数改造系数，对四条迁移路径算改造人天：节省率从 379‰（中度→重度，要动几何）到 603‰（降级精简，只改参数），并给出层级成本结构与两条口径陷阱。

15.1 规范实例化：6 主题包

Tue, 13 Oct 2026 20:00:00 +0800

同一份规范结构在 6 个主题下各实例化一次：命名段、预算、8 个色彩 token、5 对对比度、图集与两个风格参数拼成完整 spec。同一套五道闸门的 validator 跑 6 遍，六次全过，实跑结果逐行给出，并与 TS 侧做跨语言 digest 对拍。

15.2 同源可区分：风格距离矩阵

Tue, 13 Oct 2026 20:00:00 +0800

把「同源但可区分」量成一个整数：五维加权 L1 的整数均值再 ×10，判据是下限 800。15 对全部高于下限，最近一对 lowpoly/cozy-clean 是 1002，摘要指纹与卷一、卷二、卷三 1.2 独立复算逐位相同；B 层再扫阈值与权重，证明三个可测维度一个都不能少。

15.3 风格迁移的边界与代价

Tue, 13 Oct 2026 20:00:00 +0800

六套主题同出一份规范，换主题时哪些字段能跟着走、哪些必须重写？判据只有一条：叶子字段在 6 个实例上是否逐位相同。14 个结构叶子可迁移、代价 0；10 个风格叶子不可迁移、必须重写。同项目换主题要触碰 21 个点，跨项目迁移涨到 35，B 层再扫主题数与角色数看这笔账对什么敏感。

16.1 跨风格验收清单

Tue, 13 Oct 2026 20:00:00 +0800

把跨风格验收做成一张可跑的清单：8 项判据分 static 与 per-theme 两类，命名、token 数、对比度、图集装箱率、mip 字节、最近邻距离全写成整数比较。同一张清单在 6 个主题包上各跑一遍，48 项判定全过；TS 内核与 Python 逐位一致，四条负例都能真的报错。

16.2 三卷总收官：一份规范的完整回放

Tue, 13 Oct 2026 20:00:00 +0800

三卷总收官：把卷一 ch16 的规范装配、卷二 ch16 的四道闸门、卷三 ch16 的 8 项验收清单串成一条链，在 6 个主题包上各跑一遍，6×(2+4+8)=84 项判定全过。再独立复算 6×6 距离矩阵，摘要命中跨卷锚点 fa04e9418d9f3c2c；B 层扫阈值证明下限 800 不能松。

16.3 交付物与后续

Tue, 13 Oct 2026 20:00:00 +0800

三卷的交付物收尾：12 项分三类（spec-text / schema / runnable-artifact），本套三卷即全部，故状态必须全部 done。S 层校验完整性、P 层与 Python 逐位一致，W 层用一张可切主题的单文件看板把清单、矩阵与交付物总览画出来；再给出四条延伸阅读。

2.1 分辨率、像素密度与调色板上限

Tue, 13 Oct 2026 20:00:00 +0800

像素风的显示档位与调色板上限全是整数账：逻辑分辨率 320×180 配整数缩放倍率与黑边余量、8 个色彩 token 加明暗 ramp 的调色板用量、5 对 WCAG 对比度 ×10。本节给出可跑的 S 层脚本与 TS 校验器，跨语言逐位一致。

2.2 调色板量化与抗锯齿替代

Tue, 13 Oct 2026 20:00:00 +0800

像素风用整数色差账回答「量化亏多少」：16 级色阶条映射到最近调色板色记总误差，再找最优两色对做有序抖动，抖动把误差从 381 降到 141；抗锯齿会造出 36 色而抖动新色数为 0。附可跑的 S 层脚本与 TS 校验器，跨语言逐位一致，测试六条全绿。

2.3 像素 tile 与 tile 预算

Tue, 13 Oct 2026 20:00:00 +0800

像素 tile 的预算也是整数账：场景 tile 网格 cols×rows、逻辑屏能铺几整格与边缘半格、tileset 字节 = 唯一 tile 数 × tileW × tileH × bpp、图集占用千分比。附可跑的 S 层脚本与 TS 校验器，跨语言逐位一致。

3.1 扁平色块与线宽规范

Tue, 13 Oct 2026 20:00:00 +0800

2D 手绘最容易失控的不是画得漂不漂亮，而是线宽、圆角与色块数各画各的。本节把这三样写成可校验的整数规范：线宽阶梯、圆角上限、每类资产的色块数上限，并用同一份规范真生成色卡与线宽样本 PNG；再用 TypeScript 校验器与 Python 落盘的 JSON 对拍，证明两侧的整数类违例集合与摘要逐位一致。

3.2 手绘资产的切分与复用

Tue, 13 Oct 2026 20:00:00 +0800

手绘资产该拆成几个切分件、拆完有没有人复用，是两笔能算清的账。本节把「切分件数、复用率、单件重绘成本」写成整数模型：用 Python 算复用率与节省成本，用 TypeScript 复算并对拍，再用「只被用一次的件」这个信号抓出切分过度——拆了一堆没人复用的件，账面上看得见。

3.3 X：画质与笔触

Tue, 13 Oct 2026 20:00:00 +0800

「画得好不好」没有可跑的数字，硬凑一个笔触指标比不写更危险。本节整节标 X：把 2D 手绘的画质与笔触显式划出可命令行复现的范围，只保留能静态校验的东西——笔刷参数声明表的结构、范围与诚实性。真实笔触质量需真实画师与真实环境，命令行不可复现；本节给出的是「不许过度承诺」的门禁，不是画质评分。

4.1 面数与顶点预算

Tue, 13 Oct 2026 20:00:00 +0800

低多边形的面数预算好算，顶点预算却常被算错：平面着色要求每个面独立顶点，上传顶点数不是共享顶点数，而是面数的 3 倍。本节把《星屑旅店》lowpoly 主题的一屏 12 件家具算成两套账——面数 1200 过线、平面着色顶点 3600 爆线、索引共享 633 过线，并给出字节倍数与跨语言 digest。

4.2 平面着色与色块划分

Tue, 13 Oct 2026 20:00:00 +0800

平面着色给每个面一个平色，色块划分就是决定这个面该归哪一档亮度。本节把一块 12 面 lowpoly 宝石按整数 shadeLevel 分成 4 个色块，算出每档面数与最大色块占比 416‰，用 PIL 按同一份 palette 真生成平面色样本 PNG，并给出跨语言 digest 与色块超预算的负例。

4.3 低多边形的引擎接入约束

Tue, 13 Oct 2026 20:00:00 +0800

低多边形要进引擎，先过三道约束：顶点属性步长、材质槽数与顶点色。本节把《星屑旅店》一屏 12 件家具的四种顶点布局算成字节账，用顶点色把材质槽从 19 降到 12、清掉 counter 与 bed 两个超槽资产，并给出每顶点 4 字节的代价与跨语言 digest。

5.1 色阶带与描边参数

Tue, 13 Oct 2026 20:00:00 +0800

NPR 卡通渲染把连续光照量化成几段色阶带、把轮廓画成一条描边。本节只做这两个参数的规范与整数账：四组色阶带变体的边界怎么定、为什么四组宽度都恰好和为 1000，描边宽度的千分比在四个高度下如何用整数上取整算出像素数，并用 PIL 依同一份参数真生成色阶带样本图。真实渲染观感标 X。

5.2 光照分层的视觉规范

Tue, 13 Oct 2026 20:00:00 +0800

上一节把光照量化成色阶带，本节把光照拆成一层层：基础色、阴影、主光、边缘光、高光。每层一个整数参数，档位越高层越多。光照模型与后处理实现外链站内渲染原理专题，本节只做参数表与整数账——每层着色结果怎么算、为什么「阴影最暗、高光最亮」必须写成一条会失败的判据。真实渲染观感标 X。

5.3 X：真实渲染外链

Tue, 13 Oct 2026 20:00:00 +0800

本章前两节算的都是参数与整数账，但 NPR 里有一整块本机算不了：真渲染一帧。本节专门做划界——把 NPR 相关主题分成「本书讲参数与账」「站内别处讲原理（外链）」「本机根本做不了（X）」三类，写成一张可校验的归属表，并把真渲染、真调参逐处标 X 与显式注明「需真实环境，命令行不可复现」。

6.1 贴图通道与打包

Tue, 13 Oct 2026 20:00:00 +0800

写实 PBR 一个材质动辄五张贴图，通道打包是把它压回来的第一招。本节把「三张单通道贴图塞进一张 ORM」算成整数字节账，结论反直觉：未压缩时打包反而更大，压缩后打包省到三分之一；再用 PIL 真生成一张通道打包示意 PNG 并回读验证三通道与原图逐点相等。

6.2 材质分区与细节层级

Tue, 13 Oct 2026 20:00:00 +0800

上一节把五张贴图压成三张，本节解决另一半问题：一个道具组到底该切几张材质。把「物理材质分区 × 细节层级」写成 D 层规格，再按每 slot 的分辨率与贴图集算出整链字节，逐位对账：细节密度均值、高细节层字节集中度、按分区合并后的槽位与字节降幅，并让超预算的槽位在账上直接报 OVER。

6.3 写实的性能代价

Tue, 13 Oct 2026 20:00:00 +0800

前两节把贴图和材质都算成了字节，本节把「写实」相对扁平着色的代价算成一张整数账：常驻贴图数、显存字节、每像素采样数、着色器变体数、材质槽数五条可数轴，各算写实/基线的整数比值再加权成代价指数，并给出从朴素写实到逐项缓解的阶梯。真实帧时间与 GPU 占用属 X，命令行不可复现，本节只划界不伪造。

7.1 笔刷与色域参数规范

Tue, 13 Oct 2026 20:00:00 +0800

风格化厚涂既没有可导出的模型，也没有可渲染的着色器，能写进规范的只有两样：笔刷参数与色域。本节把两者落成一份 D 层 JSON 规范与一段可跑的 TypeScript 校验器——笔刷的尺寸、间距与图层不透明度带，色域的饱和度上限、明度下限与色相带，全部是整数，并说清为什么这一章只走 D+P+X 而不硬凑一个 S 层。

7.2 手绘贴图的分层与复用

Tue, 13 Oct 2026 20:00:00 +0800

厚涂最贵的不是笔刷，是「每个资产都从头画一遍」。本节把手绘贴图拆成图层角色与贴图页，落成一份 D 层清单与一段可跑的 TypeScript 校验器：图层角色序列必须与模板逐位一致，每个资产用到的贴图页数有上限，两级复用率是整数千分比——地板除，跨语言逐位一致。

7.3 X：笔触质量

Tue, 13 Oct 2026 20:00:00 +0800

前两节把厚涂里能写成数据的部分写完了：笔刷参数、色域、分层与复用。剩下的那一半——笔触质量——本机根本做不了。本节整节标 X，逐条说明它为什么不可复现，并把「不许给不可复现的东西编一个数字」写成一条会失败的门禁：声明表里只要出现一个测量值字段，测试立刻报错。

8.1 体素网格与体素账

Tue, 13 Oct 2026 20:00:00 +0800

体素风格看起来只是「把东西做成方块」，落到规范上却是一笔干净的整数账：格子里有多少体素、包围盒多大、多少个面被相邻体素挡掉、多少格完全埋在内部。本节把《星屑旅店》的体素灯具用 8 个轴对齐盒描述，光栅化成网格，算体素数、包围盒、暴露面与剔除面，并让 Python 与 TypeScript 各自独立复算、逐位对齐。

8.2 体素调色板与光照简化

Tue, 13 Oct 2026 20:00:00 +0800

体素美术通常不做实时求值光照，而是把每个面朝向的亮度烘成固定档位。于是最终颜色数 = 基础色数 × 档位数——这条乘法就是调色板上限的账。本节用《星屑旅店》的体素灯具算这笔账：6 个面朝向直接着色会得到 18 色、越过 16 色上限，折叠成 4 个档位后回到 12 色，并让 Python 与 TypeScript 各自独立复算、逐位对齐。

8.3 体素的引擎接入

Tue, 13 Oct 2026 20:00:00 +0800

引擎不吃体素，吃三角网格，所以体素美术的最后一关是「体素 → 网格」的转换账。本节用《星屑旅店》的体素灯具算两种路线：朴素路线每个暴露面出 1 个四边形（476 三角），贪心合并把同朝向同色共面的相邻面并成矩形（60 三角），合并率 873 千分比；再与三角预算和材质槽预算对账。

9.1 等距投影的整数变换

Tue, 13 Oct 2026 20:00:00 +0800

等距（2.5D）是一套跨主题的投影，不是主题包：tile 宽高定死之后，cozy-clean 与 voxel 的屏幕坐标逐位相同。本节用与卷一 [16.2 双案例回放：《星屑旅店》6 主题的规范装配] 同源的整数变换，算《星屑旅店》8×8 地板的正变换、逆变换回程、包围盒与菱形填充率，并证明投影与主题正交。

9.2 等距 tile 与遮挡规则

Tue, 13 Oct 2026 20:00:00 +0800

等距板只要有两格以上高度，就会出现遮挡。本节把绘制顺序与遮挡深度都写成整数规则：按 (tx+ty, tx) 升序落笔，深度数同屏幕列 (tx-ty) 上位于本格前方、blockHeight ≥ 1 的地块数，超过 cap 判越界；再用单文件 HTML 看板并排画两套主题，Playwright 断言整数账与 Python 逐位一致。

9.3 等距资产的制作约束

Tue, 13 Oct 2026 20:00:00 +0800

等距资产不能随便画尺寸：底菱要落在半行网格上、宽度要偶数才能整数居中、锚点必须是底菱中心、单件还得装进图集格。本节把 C1–C6 这 6 条约束写成整数判据，对《星屑旅店》的 6 件等距资产逐件过账，让灯具半行不对齐、雨棚超格超宽这三条真实违例当场现形。

附录 A：风格参数表、量化规则与数据集索引

Tue, 13 Oct 2026 20:00:00 +0800

《游戏美术与技术美术》卷三《风格与品类美术实战》附录：全卷风格参数与公式索引、st<章号>_ 工具链命名约定、六层可运行性口径与逐层复现命令，并给出可跑的 S 层清点脚本与 P 层索引校验内核，两者对同一份工作区算出的清单与摘要逐位一致，并附一键复现与排错顺序。

《游戏美术与技术美术》卷二《技术美术与管线工程》目录