スプライト メーカー
ピクセル アートを描き、アニメーションを一度に 1 フレームずつ構築し、作業中に動きをプレビューします。この無料のスプライト メーカーには、鉛筆、消しゴム、塗りつぶしツール、カラー ピッカーに加えて、描画を前のフレームと比較するためのオニオン スキンが含まれています。アニメーションのビーズアート プレビューまたはゲーム スプライトを作成し、ループ GIF、水平 PNG スプライト シート、または編集可能なプロジェクト ファイルをダウンロードします。すべてがブラウザ内で実行されます。物理的なビーズはアニメーションしません。各フレームは個別のデザインです。
このブラウザに自動的に保存されました。ポータブル バックアップ用に JSON をダウンロードします。
スプライトをアニメーション化する方法
- 16 × 16 のグリッドから始めて、明確なシルエットを描きます。
- フレームを複製し、数ピクセル移動して次のポーズを作成します。
- オニオンスキンを使用して前のフレームと比較します。エクスポートには決して表示されません。
- 再生を押して速度を調整します。フレームを並べ替えてループを滑らかにします。
- 共有用の GIF またはゲーム エンジン用のスプライト シートをダウンロードします。
エクスポートとプロジェクトの制限
8 × 8 ～ 64 × 64 のグリッドで最大 32 フレームを使用します。PNG と JSON は元の色を保持します。 GIF は、透明性のある約 256 色のパレットを使用し、連続的にループします。スプライト シートは、パディングなしで、元の解像度でフレームを 1 つの行に配置します。
アニメーションを維持する
このエディターは、パターン デザイナーとは別に、独自のブラウザー保存を使用します。プロジェクトのインポートは元に戻すことができます。すべてのアニメーション フレームをアカウントに保存するか、ループする GIF をギャラリーに公開します。ブラウザーのデータをクリアしたり、デバイスを変更したりする前に、JSON をエクスポートします。
アニメーションのヒント
2 つまたは 4 つのフレームと低い再生速度から始めます。主な形状の一貫性を保ち、フレーム間で小さなディテールを 1 つ変更し、最後から最初への遷移を確認します。急速な点滅や大きなハイコントラストの変化は避けてください。