Asset Pipeline(资源管线)
流程
Aseprite → TexturePacker → PNG + JSON → PixiJS目录结构
public/
├── sprites/
│ ├── tileset.png # 主图集(1536×1024)
│ └── tileset_grid.png # 带编号的参考图
└── assets/
├── tiles/
├── sprites/
├── effects/
└── ui/命名规范
- Git 统一使用
snake_case - Tile:
{类别}_{变体}(如grass_1、stone_crack) - 建筑:
{类型}_{变体}(如house_a、hospital) - 角色:
{名字}_{动作}_{方向}_{帧号}
图集规格
- 尺寸:1536×1024 px
- 格式:PNG(透明背景)
- 切割:PixiJS
Rectangle(x, y, w, h) - 配置:
src/utils/spriteConfig.ts
🔗 相关文档:TileSet · TileSet Spec · Art Bible