SuperAPI AI 工具集

spritecook-use-dual-grid-tilesets

编程与开发

查看项目

更新于 10-16 09:31

技能介绍

用途:在游戏引擎或自定义渲染器中实现 SpriteCook 俯视角 15 片地形图集。本技能针对“使用”已生成的图集;生成图集请用 spritecook-generate-tilesets。

核心概念:双网格图集把地形存为逻辑绘制的格子,再在这些格子之间渲染可见瓦片。每个渲染瓦片由周围四个逻辑格决定:左上、右上、左下、右下,组成 4 位掩码,用于从 4x4 的 15 片图集中选帧。

掩码顺序: let mask = 0 if (filled(x - 1, y - 1)) mask |= 1 // top-left if (filled(x, y - 1)) mask |= 2 // top-right if (filled(x - 1, y )) mask |= 4 // bottom-left if (filled(x, y )) mask |= 8 // bottom-right

掩码 0 不渲染。其余掩码通过查找表映射到图集: const frameByMask = [-1, 15, 8, 9, 0, 11, 14, 7, 13, 4, 1, 10, 3, 2, 5, 6]; 图集单元:frame = frameByMask[mask];若 frame < 0 返回 null;列 = frame % 4,行 = Math.floor(frame / 4)。

渲染要点:渲染循环 x、y 从 0 到 columns/rows(含端点),即比逻辑地图多渲染一行一列,因为渲染瓦片位于逻辑格之间。像素画应关闭平滑、使用最近邻缩放。掩码 15 视为填充内部瓦片,掩码 0 为透明/不绘制。图集须严格按 4x4 等大单元使用,不要当作普通 8 邻接 blob 图集解释,此映射专属于 SpriteCook 双网格 15 片布局。

限制:资料未提供具体引擎适配、性能优化或图集生成细节。