Skip to content

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_1stone_crack
  • 建筑:{类型}_{变体}(如 house_ahospital
  • 角色:{名字}_{动作}_{方向}_{帧号}

图集规格

  • 尺寸:1536×1024 px
  • 格式:PNG(透明背景)
  • 切割:PixiJS Rectangle(x, y, w, h)
  • 配置:src/utils/spriteConfig.ts

🔗 相关文档:TileSet · TileSet Spec · Art Bible

Last updated:

Released under the MIT License.