PNGの保存倍率
ツール
色
#FFFFFF
最近使った色
図形の描き方
パレット
キャンバス
グリッドの大きさ
背景
履歴
Ctrl+Zで元に戻す・Ctrl+Shift+Zでやり直し
キー:鉛筆(B)・消しゴム(E)・塗りつぶし(G)・スポイト(I)・直線(L)・長方形(R)・円(C)・移動(V)
このツールについて
ドット絵は、小さなグリッドに1マスずつ、たいていは限られた色の中から描きます。昔のゲーム機やパソコンは少しの色しか表示できなかったので、各ピクセルには決まったパレットの中の番号が入っていました。これがインデックスカラーで、ここにあるNES(ファミコン)、ゲームボーイ、C64、PICO-8のパレットはその種類の色のリストです。保存するときは各マスを整数倍に拡大するので、輪郭はくっきりしたままです。
使い方
- リストからツールを選び、パレットかカラーピッカーで色を選びます。
- グリッドに描きます。「移動」を選ぶとドラッグで動かせ、ピンチかスクロールでズームします。
- 描き損じたら「履歴」から元に戻し、1x〜16xでPNGを保存します。
ガイドを読む(英語)
用語(英語): インデックスカラー · ピクセル · PNG
よくある質問
WebGLやGPUは必要ですか?
いいえ。グリッドは通常のキャンバスに描かれるので、最近のブラウザならどれでも動きます。
スマートフォンでズームや移動をするには?
2本指のピンチで1xから32xまでズームし、2本指のドラッグで表示を動かします。1本目の指で描き始めていた線は、2本目の指を置くと取り消されます。1本指で動かすときは、「移動」を選んでドラッグします。ツールはグリッドの上に横一列に並んでいるので、横にスワイプします。操作パネルは画面下のバーから開きます。
マウスでズームするには?
グリッドの上でスクロールします。1段ごとに、ポインターの位置を中心に5分の1ずつズームします。表示をずらすには、中ボタンでドラッグするか、「移動」を選びます。グリッドの大きさを選ぶか「キャンバスをリセット」を押すと、ズームは1xに戻ります。
グリッドをオフにしても、マスの間に線が出ますか?
いいえ。各マスの縁は画面のピクセルにそろえて描かれるので、どのズームでもどの画面でも、隣のマスとすき間なく接します。線が出るのは「グリッドを表示」のときだけで、PNGやコピーには入りません。