mcpField
S
sprite-sheet-generator

sprite-sheet-generator

github.com/dkyazzentwatwaクリエイティブ・メディア12480 回インストール29 週間前に更新
リポジトリ

sprite-sheet-generator について

複数の画像をスプライトシートにまとめ、対応する CSS クラスを生成する Python ツール兼 CLI です。グリッド配置、配置の最適化、透過、間隔調整、一括処理に対応します。

主な機能

  1. 01自動またはカスタムのグリッド配置
  2. 02スプライト配置の最適化
  3. 03CSS クラスの生成
  4. 04透明背景の保持
  5. 05パディングとマージンの調整
  6. 06複数スプライトセットの一括処理

活用シーン

  1. 01アイコンディレクトリからシートを作成
  2. 02Web 用スプライトの 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 クラスを自動生成
  • 透明な背景：アルファチャンネルを保持
  • パディング／マージン：スプライト間の間隔を調整
  • バッチ処理：複数のスプライトセットを処理

クイックスタート

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 対応