左上が実際のドット絵のサイズになります。
画面の向かって右側に描画、移動・変形、カラー設定などのお絵かきツールが、左側にファイル操作関連ツールが配置されています。
(詳しくは右の画像をクリックしてください)
| 説明 | キーボードショートカット | |
| 描画： 描画エリアに選択色でドットを描きます | Spaceキーですぐに 描画ツールに切り替えられます |
|
| 色を取得： クリックしたドットの色を選択色に設定します | Ctrl+クリック ※MacはCommand+クリック |
|
| 塗りつぶし： クリックしたドットと隣り合う同じ色のエリアを選択色で塗りつぶします(選択範囲がある場合はその中だけを塗りつぶします) | ||
| 直線：ドラッグで直線を引きます |
| 選択： ドラッグしたエリアを選択範囲として設定します(※Shiftキーで選択解除) | |
| 選択範囲をドラッグで移動： ドラッグで選択範囲を移動します | |
| 左右反転： 選択範囲を左右反転します(選択範囲が無い場合は全体を反転) | |
| 上下反転： 選択範囲を上下反転します(選択範囲が無い場合は全体を反転) | |
| 選択範囲でトリミング： ドット絵を選択範囲のサイズにトリミング(切り出し)します | |
| サイズ変更： ドット絵全体のサイズを変更したいときに使います | |
RGBスライダをドラッグして選択色(左の大きな四角の中)を使いたい色に変更します(選択色の下の入力エリアで16進数での設定もできます）
選択色を変更すると選択しているカラーパレット(16×16のマス目)の色も連動して変わります。
・カラーパレットの色を変更すると、そのカラーパレットで描画したドットの色も変わります。
・カラーパレットはドラッグで移動、入れ替えができます
・初期設定ではカラーパレットの一番右下(黒)が描画領域の背景として設定されています。
新規： 新しくドット絵を作成します
開く(*.dot)： 以前作成したドット絵とパレットを読み込みます
保存(*.dot)： 作成したドット絵とパレットを保存します（拡張子は.dotになります）
※ファイル選択用のダイアログが開かないときは、ブラウザのポップアップブロックを解除してください
画像読み込み： 外部から画像(GIF、PNG、JPEG)を読み込んでドット絵に変換します(※大きすぎる画像は読み込めないことがあります）
パレット読み込み：他の*.dotのファイルからパレットだけを読み込みます(パレットに合わせてドットの色も変化します)
※ファイル選択用のダイアログが開かないときは、ブラウザのポップアップブロックを解除してください
GIFで書き出し： GIF形式で画像を書き出します
PNGで書き出し： PNG形式で画像を書き出します
JPGで書き出し：JPG形式で画像を書き出します(透明色は反映されません)
※ファイル保存用のダイアログが開かないときは、ブラウザのポップアップブロックを解除してください
| 【例】ドットを1倍（等倍）で書き出し→ | ドットを3倍(3×3ピクセル)で書き出し→ |
グリッド表示： グリッドのON/OFFを設定します。右側の4つのボタンでグリッドの色を変更できます
UNDO： 行った作業(描画関連のみ)を取り消します(キーボードショートカット：Zキー)。履歴は最大10個までさかのぼることができます
REDO： UNDOを取り消します(キーボードショートカット：Xキー)