ピクセルアートキャンバス＆CSSエクスポート

ピクセルアートキャンバス＆CSSエクスポート

ブラウザ内で8ビットスタイルのスプライトを描画し、純粋なCSS box-shadowアート、スケーラブルなSVG、レターグリッドPNG、またはポータブルJSONとしてエクスポートできます。キャンバスは8×8から64×64までスケーリングされ、NES、ゲームボーイ、PICO-8、CGA、コモドレ64、スウィートティ16などのクラシックパレットを標準搭載し、塗りつぶし、消しゴム、塗りつぶし、エイドロッパーなどのツールを提供し、無限のUndo/Redo機能を備えています。

使用方法

1. 8×8から64×64のグリッドサイズのいずれかを選択してください。グリッドサイズが大きいほど詳細度は高まりますが、描画速度は遅くなります。
2. プリセットパレットを選択するか、色選択器に任意の16進数カラーを入力してください。
3. キャンバスツールバーの塗りつぶし、消しゴム、塗りつぶし、またはエイドロッパーのボタンをクリックするか、 P, E, F, I.
4. キャンバス上でクリックしてドラッグすることで描画できます。を用いて Ctrl+Z と Ctrl+Y UndoおよびRedoを行います。
5. エクスポートフォーマット（CSS box-shadow、SVG、PNGデータURI、またはJSON）を選択し、ピクセルサイズを設定した後、コードをコピーまたはファイルをダウンロードします。

機能

• 6つのグリッドサイズ – 8×8、16×16、24×24、32×32、48×48、および64×64。これにより、小さなアイコンからフルスプライトシートまでに対応できます。
• 7つのプリセットパレット – NES（54色）、ゲームボーイ、PICO-8、CGA、コモドレ64、スウィートティ16、およびグレースケールのランプ。
• 4つの描画ツール – 塗りつぶし、消しゴム、塗りつぶし（フローディール）、エイドロッパー、それぞれ1キーショートカット付き。
• スムーズドラッグ描画 – ブレゼンハム線補間により、小さな画面でも描画が継続的に維持されます。
• 無限のUndoおよびRedo – Ctrl+Z および Ctrl+Y キーボードショートカットで60ステップの履歴を提供。
• 4つのエクスポートフォーマット – CSS box-shadow、SVG、PNGデータURI、およびJSONグリッドデータ。すべてがリアルタイム1:1プレビューを提供します。
• タッチサポート – テーブルとスマートフォンでネイティブタッチおよびポインタイベントで動作します。
• 透過セル – 空のピクセルはすべてのエクスポートフォーマットで透過状態を維持し、白に塗られません。