Divoom用のピクセルアートスプライトシートをGIFに変換する方法

上の動画は、実際のデスク環境でDivoomディスプレイに表示されたピクセルアートの様子を示しています。この記事の残りの部分では、静止PNGからデバイスで再生可能なアニメーションGIFにスプライトシートを変換する具体的な手順を説明します。

始める前に必要なもの

ツールを開く前に、これら4つのものを準備しておいてください：

• PNG形式のスプライトシート。 フレームは横一列または均一なグリッドに配置され、各フレームは同じ幅と高さのピクセル数である必要があります。
• ピクセルアニメーションツール。 Aseprite、Piskel、またはezgif.comのようなオンラインコンバーター。フルエディターが欲しいか一度きりの変換かで選択が変わります。
• お使いのDivoomデバイスと最新バージョンのDivoomアプリ。 アプリはスマホからディスプレイへのBluetoothまたはWiFi経由の転送を担当します。
• お使いのデバイスの画面解像度。 これが最も重要な数値です。GIFはこれと完全に一致しなければなりません。

ステップ1 — スプライトシートツールを選ぶ

Aseprite

Asepriteはインディーゲームやピクセルアートコミュニティで最も人気のあるピクセルアートアニメーションツールです。価格は約20ドルですが、フレームのタイミング、オニオンスキン、パレット管理を完全にコントロールできます。

スプライトシートのインポート方法： Asepriteを開き、ファイル → スプライトシートのインポートを選択し、PNGファイルを選んでフレームの幅と高さを入力します。Asepriteはシートをタイムライン上の個別のフレームに分割します。

GIFとしてエクスポートする方法：ファイル → エクスポートに進み、フォーマットでGIFを選択、フレーム遅延（ミリ秒）を設定してエクスポートをクリックします。出力ファイルはDivoomアプリが読み込める標準のGIF89a形式です。

Piskel

Piskelは無料のブラウザベースのピクセルアートエディターで、 piskelapp.comインストール不要なので、一度だけ作業する場合に便利です。

スプライトシートをインポートする方法：インポートアイコンをクリックし、「ファイルからインポート」または「URLからインポート」を選択、フレームサイズを設定します。Piskelが自動的にシートをフレームに分割します。

GIFとしてエクスポートする方法：エクスポート → GIFをクリックし、フレームレートのスライダーを調整、スケールを設定します。準備ができたらファイルをダウンロードしてください。

オンラインコンバーター

完全なアニメーションエディターが不要で、スプライトシートPNGをGIFに変換したいだけなら、ezgif.com/sprite-sheet-to-gifが最も柔軟な選択肢です。PNGをアップロードし、フレームの幅と高さを入力、フレーム遅延を設定して「Make a GIF」をクリックしてください。アカウント不要です。

ステップ2 — Divoomに適したピクセル寸法を設定する

ここでほとんどの変換が失敗します。すべてのDivoomデバイスは固定のLEDパネルを持っており、GIFはパネルの解像度と正確に一致しなければなりません。256x256のGIFは64x64のPixoo-64で正しく表示されないため、先にリサイズが必要です。

重要なルール：エクスポート前にGIFをデバイスのネイティブ解像度にリサイズしてください。スプライトシートのフレームが32x32でPixoo-64を対象にする場合は、最近傍補間（バイリニアやバイキュービックではなく、ピクセルアートがぼやけない方法）で64x64に拡大します。ほとんどのピクセルアートツールは最近傍補間がデフォルトですが、設定を必ず確認してください。

ステップ3 — 動作するエクスポート設定

フレームを切り出してリサイズしたら、エクスポート設定でDivoomアプリがファイルを受け入れるか決まります。以下の設定が常に機能します：

• ピクセル寸法：デバイスに正確に合わせる（64x64、128x128、または16x16）。
• フレームレート：1秒あたり8〜12フレーム。ピクセルアートのアニメーションは低いフレームレートでも自然に見え、ファイルサイズを小さく保てます。
• カラーパレット：32色または64色に減らしてください。フルの256色パレットはLEDパネルでの見た目の改善がなく、ファイルサイズが大きくなります。
• 総フレーム数：30フレーム未満に抑えましょう。フレーム数が多いとファイルが大きくなり、アプリは最初のフレームしか処理しない場合があります。
• ファイルサイズ：5MB未満を目指してください。10MBを超えるファイルはBluetoothやWiFi転送時にタイムアウトする可能性があります。
• フォーマット：標準のGIF89a形式。APNGやWebPを.gif拡張子でエクスポートしないでください。

ステップ4 — GIFをDivoomアプリにインポートする

GIFファイルがスマホの写真ギャラリーまたはファイルマネージャーに保存されていれば、インポートは簡単です：

1. DivoomアプリをiOSまたはAndroidデバイスで開きます。
2. ホーム画面から接続したデバイスを選択します。
3. ギャラリーまたはカスタムアートのセクションに移動します。
4. 「インポート」または「アルバムから追加」を選択し、GIFファイルを選びます。
5. アプリでアニメーションをプレビューし、すべてのフレームが正しく再生されることを確認します。
6. 「デバイスに送信」をタップし、転送が完了するまで待ちます。

アニメーションがデバイスで再生されれば完了です。静止画として表示されたり、インポートに失敗する場合は、以下のよくある間違いのいずれかが原因です。

よくある間違いとその修正方法

間違い1：ピクセル寸法が間違っている

症状：GIFはアップロードされるが、デバイス上で切り取られたり、伸びたり、ぼやけて表示される。

修正：エクスポート前にGIFをデバイスの解像度に正確にリサイズしてください。128x128のGIFは64x64のPixoo-64にそのままでは合いません。ピクセルアートツールでニアレストネイバー法を使い、鮮明なエッジを保ちましょう。

間違い2：フレーム数が多すぎるかファイルが大きすぎる

症状：アプリはファイルを受け付けるが最初のフレームしか表示されない、またはアップロードが進まない。

修正：フレーム数を20以下に減らし、ファイルサイズを5MB未満に圧縮してください。不要なフレームを削除し、カラーパレットを減らすか、フレーム遅延を少し増やしてデータ量を減らします。

間違い3：スプライトシートのスライスが不適切

症状：GIFアニメーションでフレームがずれていたり、端に余分なピクセルがあったり、各フレームの誤った部分が表示されます。

修正：インポート時に入力したフレームの幅と高さが実際のスプライトシートのレイアウトと一致しているか確認してください。シートに64x64ピクセルのフレームが8つ水平に並んでいる場合、合計幅は512ピクセル（8 × 64）であるべきです。誤ったスライスサイズを入力すると、すべてのフレームがずれてしまいます。

無料ツール比較

この特定のワークフローにおける4つの最も一般的なスプライトシートツールの比較は以下の通りです：

定期的にピクセルアートを作成するなら、Asepriteはタイムラインエディターとパレット管理のために投資する価値があります。一度きりの変換なら、ezgif.comがスプライトシートからDivoom対応GIFへの最速の方法です。

よくある質問

スプライトシートGIFがDivoomディスプレイで再生されている状態で、Divoomにカスタムアートをアップロードする完全ガイドでさらに多くのカスタムアートオプションを探ることができます。インポートに失敗してトラブルシューティングが必要な場合は、GIFインポートトラブルシューティングガイドで最も一般的な失敗ポイントをカバーしています。さらに多くのディスプレイオプションについては、ピクセルディスプレイコレクションをご覧ください。