🧍 PixelActor-2D · 2D 像素人物工厂
它不是一堆画好的图,是一条生产线。三层分开:
母版(身体由哪些块组成、画的先后、描边与三色明暗的规矩,动了就是新产品)×
基因(肤色/发型/衣服/体型/年龄…随便换)×
姿势(每一帧各部件挪到哪)。
所以能力是乘法:。加一个新动作只要写一张十几行的偏移表,所有角色当场都会做。
① 动作 —— 点一个看它动起来
①b 🔬 动作检查台 —— 逐帧看清"他到底怎么动的"
主席 2026-08-12:「跳起来时候他的脚和身体分离的……他这个像素,他怎么动,你一定要认真检查。」
看动画看不出问题,看逐帧才看得出来。这一排把当前动作的四帧【同时摊开】:
· 红线=脚底基准线(人应当站在这条线上,落地帧不该悬空也不该陷进去)
· 洋葱皮=把上一帧半透明叠在后面,一眼看出这一帧到底动了哪几块、动了几个像素
· 零件=机器数出这一帧分成几块。一个人应该只有一块;
出现第 2 块就是有零件脱离身体(那次跳跃的脚就是这么飞掉的)。
② 表情 —— 脸只有十来个像素,能表达的就是眉毛+眼睛+嘴
③ 职业预设 —— 工厂的产品目录:变体是有名有姓的,不是随机撒
④ 基因 —— 每一维都必须肉眼可分辨,否则是假维度
⑤ 一群人 —— 同一条生产线出来的,风格必须一致
⑥ 小怪 —— 同一座工厂的【第二个产品族】
小怪【故意不走人的那条流水线】。人的母版是「头 + 躯干 + 四肢」,
可史莱姆没有四肢、蝙蝠没有腿 —— 硬套人的骨架,出来的只会是「绿色的人」,一眼假。
所以它是同一座工厂里的另一个产品族:共用描边色、三色明暗、整像素对齐这些母版规矩,
骨架自己一套。这正是「一个工厂能出一族东西」和「一个模板套所有东西」的区别。
最后一格是挨打泛白的那一帧;top 是这只怪的真实头顶高度,游戏里靠它把血条画在头顶正上方。
⑦ 精灵表 —— 工厂的出货口:别的项目要的是一张图
行 = 朝向 × 动作,列 = 帧。别的项目这样用:
import { spriteOf, rollGene } from '../pixelactor2d/core.js'
ctx.drawImage(spriteOf(gene, {pose:'walk', dir:0, t:秒数}), x, y)