8x8像素就能造一个机甲游戏世界？
文本概览：全文约 2,308 字，阅读约 6 分钟。
前言
今天这篇教程，我想带你看看一个只用 8x8 瓦片搭出来的完整科幻世界。
角色、机甲、城市，全部塞进去。
角色设计：6帧跑酷 vs 4帧够用
红色主角的 6 帧跑酷循环，旁边是风衣特工和火箭冲刺机器人
所有角色都从8 像素高的基础人形开始。
加上描边和细节之后，实际占用会稍微超出 8x8，但放在 8x8 瓦片地图里完全没问题。
主角用了 6 帧跑循环。
6 帧可以"多一点重量感和活力"。对比旁边风衣特工的 4 帧循环，主角的跑动更有"蹬地"的感觉。
机器人没有跑步，直接做了火箭冲刺。
注意冲刺时的浅色光效——不是额外图层，就是特定帧里直接画上去的亮色像素。
这种"光效"特别实用，省图层，效果也不差。
主角的待机动画只有一个朝向。不管你往哪跑、往哪射，停下来都面朝前方。
但是头部会左右转动。
这个小动画弥补了一方向待机的不足。
机甲设计：16x16
机甲行走、火箭冲刺、射击动画，以及脚步扬尘效果
机甲尺寸是"16x16 左右"，刚好是角色两倍大。
设计上留了明确的玩法空间：机甲火力强、防御高，但角色本体更灵活、 碰撞框更小、能钻窄道。
这个"机甲内外切换"的动态，是整个游戏概念的核心。
机甲行走用了 12 帧。但是有技巧可以节省工作量：
- 正面/背面：第 6 帧和第 12 帧相同，1-5 帧水平翻转就是 7-11 帧
- 侧面：12 帧全部独立，但整个动画可以水平翻转覆盖左右两个方向
- 待机直接复用行走帧：正面/背面用第 6 或 12 帧，左侧用第 12 帧，右侧用第 6 帧
火箭冲刺 4 帧，带光效。
枪和机甲是分开的图层，所以换武器、调整持枪位置都很方便。
扬尘效果也是独立图层。
城市环境：8x8 瓦片
城市建筑瓦片分解，展示可复用模块和组合方式
城市部分是我觉得最值得细看的。先设计完整的建筑，确认尺寸符合 8x8 瓦片网格，然后再拆成瓦片。
前两种建筑（普通楼房）宽度、高度、深度都可以自由扩展。窗户布局、屋顶样式也能换变体来打破重复感。门口的位置和数量也能调。
第三种建筑（大车库入口）比较特殊，变体空间小。但还是拆了瓦片，目的是展示"如果要最大化tile利用率，就可以拆"。屋顶元素还能跨建筑风格混用。
角色和建筑的比例故意做得"角色偏大"。
这是复古 RPG 的惯例——外面看着小，走进去里面很大。这个游戏概念里，城市外部用机甲跑，室内空间用脚走，内外切换是玩法核心。
如果要更赛博朋克，可以加高架轨道、悬浮车、传送舱。
动画细节比如霓虹灯招牌、路面电路脉冲，都能再推一层。
总结
画小尺寸像素画最上瘾的地方，是"刚好够"的那个临界点。
8x8 里，多一个像素就是多 12.5% 的信息量。
每一个像素的取舍都很明显。
我平时更喜欢无描边风格。但在这么小的尺寸下，描边确实救了可读性。
有限色板里，没有描边角色很容易和背景糊在一起。
另一个可以学到的点是"图层拆分"的思路。
枪、扬尘、光效都独立出去，不是为了炫技，是为了"节省开发成本"。拆开之后修改和调整也非常方便。
一个动画片段能翻转复用、能换武器复用，开发效率完全不一样。
完。
教你画像素画免费小程序
像素画编辑器、像素画填色、像素字生成、Image2pixel图片转像素画
欢迎购买我写的书，购书免费加入读者群，添加微信pixelfish
像素画学习&像素画游戏开发，需要1对1指导的朋友，可以付费加入像素画学院。
参考资料
Tiny Sci-Fi Pixels Asset Pack: https://www.patreon.com/posts/tiny-sci-fi-pack-144821426
热门跟贴