描画画面 操作マニュアル

１． 画面全体

描画画面の全体表示

描画画面は大きく4つのエリアで構成されています。

２． 上部ツールバー

上部ツールバー（左から順に並んでいます）

描画ツール

アイコン	名称	説明
	ペン Ctrl+1	通常の鉛筆ツール。同じボタンを再度クリックすると半透明モードに切り替わり、透け感のある描画が可能。
	消しゴム Ctrl+2	描いた線を消す。再度クリックで半透明消しゴムになり、薄く消せる。
	スポイト Ctrl+3	キャンバス上の色を拾い、描画色として設定する。クリック後、自動的にペンツールへ戻る。

ブラシサイズ

カラーパレット

アイコン	項目	説明
	プリセットカラー	赤・黄・緑・水色・青・黒など5色をワンクリックで選択できる。
	カスタムカラー	クリックするとカラーピッカーが開き、任意の色を自由に作成できる。

表示・ズーム

アイコン	名称	説明
	全画面表示 F11	ブラウザを全画面モードに切り替える。もう一度押すと解除。
	拡大 Ctrl+I	キャンバスの表示を10%拡大する。
	100%リセット Ctrl+0	キャンバスの表示倍率を100%に戻す。
	縮小 Ctrl+O	キャンバスの表示を10%縮小する。

設定ポップオーバー（ 歯車アイコン）

歯車アイコンをクリックすると表示される設定メニュー

アイコン	名称	説明
	サイズ変更	キャンバスの幅・高さをダイアログで変更する。
	ガイド表示 Ctrl+G	キャンバス上の十字破線ガイドの表示/非表示を切り替える。
	前フレーム表示 Ctrl+B	1コマ前の絵を半透明の青色でオーバーレイ表示する。アニメーションの動き確認に便利。

ピン（メニュー固定）

アイコン	名称	説明
	ピン（固定中）	クリックするとツールバーを自動的に隠すモードに切り替わる。
	アンピン（非固定中）	クリックするとツールバーを常時表示（固定）モードに戻す。

３． タイムパレット（下部）

画面下部のタイムパレット

アイコン	名称	説明
	再生	アニメーションを再生する。フレームごとの表示時間（コマ数）に合わせて順に表示される。
	停止	再生中に表示される。クリックでアニメーションを停止する。
スライダー	フレームスライダー	ドラッグまたはクリックで表示するフレームを切り替える。現在位置と全フレーム数が表示される。
	前フレーム Ctrl+Left	1つ前のフレームに移動する。
	フレーム追加	現在のフレームの後ろに空のフレームを追加する。
	フレーム複製	現在のフレームをコピーして後ろに追加する。
	フレーム削除	現在のフレームを削除する。最後の1フレームは削除不可。
	次フレーム Ctrl+Right	1つ後ろのフレームに移動する。
	表示時間を短くする	現在フレームの表示時間を1コマ（約41.6ms）分短くする。
2's	コマ数表示	現在フレームの表示時間をコマ数で表示する。例：「2's」は2コマ（≒83ms）。
	表示時間を長くする	現在フレームの表示時間を1コマ（約41.6ms）分長くする。
	タイムパレットを隠す Ctrl+Down	タイムパレット全体を折りたたんで隠す。再度クリックで表示に戻る。

４． UNDO / REDO ボタン

画面左下に常時表示されるフローティングボタン

アイコン	名称	説明
	UNDO Ctrl+Z	直前の描画操作を取り消す。何度でも繰り返せる。
	REDO Ctrl+Shift+Z	取り消した操作をやり直す。

５． メニューボタン（右下）

右下の ボタンをクリックすると表示されるメニュー

アイコン	項目	説明
	ステンシルモード	トレース用の参照画像を表示して下絵にできるモード。有効にするとダウンロード時に左上にトレスマークが付く。
	Bluesky に投稿	作成したアニメーションを Bluesky へ投稿する。初回は認証ダイアログが表示される。
	一時保存（ローカル）Ctrl+S	現在の全フレームデータをブラウザの IndexedDB に一時保存する。ページを閉じても保持される。
	復元（ローカル）	一時保存したデータを読み込んで復元する。
	スクリーンショット	現在表示中のフレームを PNG ファイルとしてダウンロードする。
	ダウンロード	アニメーション全体をファイルとして保存する。形式は gif / png（APNG）/ webm（VP9）/ webm（VP8）から選択可能。
	バージョン・著作権表示	アプリのバージョン情報と著作権を表示する。
	ヘルプ	本資料です

ダウンロード形式の選び方

６．キーボードショートカット一覧