スプライトシートを分割してScratchで使う方法

複数の動きを1枚に並べた画像から、必要なフレームを切り出してScratchへ読み込む手順です。

スプライトシート確認ツールを開く

行数と列数を確認する

横に4コマ、縦に2段並んでいる画像なら、行数は2、列数は4です。各コマの幅と高さが同じ画像を使用してください。

再生速度を決める

最初は6〜10FPS程度から確認し、動きが速すぎる場合はFPSを下げます。Scratchでは「次のコスチュームにする」と待ち時間を組み合わせて調整できます。

必要なフレームを保存する

スライダーまたは前後ボタンでコマを選び、「現在のコマをPNG保存」を押します。透過部分はPNGのまま維持されます。

Scratchへ読み込む

  1. 対象スプライトのコスチューム画面を開く
  2. 保存したPNGをアップロードする
  3. 回転中心と表示サイズを合わせる
  4. コスチューム番号を順番に切り替える

キャラクターを新しく描く場合は、ドット絵メーカーも利用できます。