mcpField
S
sprite-sheet-generator

sprite-sheet-generator

github.com/dkyazzentwatwa创意与媒体12480 次安装29 周前更新
代码仓库

关于 sprite-sheet-generator

此 Python 工具和命令行工具可将多张图像合并为精灵图集，并生成对应的 CSS 类，支持网格布局、位置优化、透明背景、间距控制和批量处理。

主要功能

  1. 01自动或自定义网格布局
  2. 02优化精灵图排列
  3. 03生成 CSS 类
  4. 04保留透明背景
  5. 05控制内边距和边距
  6. 06批量处理多个精灵图集

适用场景

  1. 01从图标目录生成精灵图集
  2. 02为网站精灵图生成 CSS 类
  3. 03创建保留透明度的图集
  4. 04批量处理多个精灵图集

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/dkyazzentwatwa/chatgpt-skills --skill sprite-sheet-generator

安装后在 Claude Code 中输入/sprite-sheet-generator确认已加载。

附带文件scripts/requirements.txtscripts/sprite_sheet_generator.py

详细介绍

精灵图集生成器

将多张图片合并为经过优化的精灵图集，并生成 CSS。

功能

  • 网格布局：自动或自定义网格排列
  • 智能打包：优化精灵图的摆放位置
  • CSS 生成：自动生成精灵图 CSS 类
  • 透明背景：保留 alpha 通道
  • 内边距/边距：控制精灵图之间的间距
  • 批量处理：处理多组精灵图

快速开始

from sprite_sheet_generator import SpriteSheetGenerator

gen = SpriteSheetGenerator()
gen.add_images_from_dir('icons/')
gen.generate(output='sprites.png', grid=(4, 4))
gen.generate_css('sprites.css', class_prefix='icon')

CLI 用法

python sprite_sheet_generator.py --input icons/ --output sprites.png --grid 4x4 --css sprites.css

依赖项

  • pillow>=10.0.0

评论

支持 Markdown