描画ツール

このページでは、描画ツールとカラー操作の詳細を説明します。

ツール

SpriteFrame には、入力方法ごとに分類された 8 つのツールがあります。

ポイントツール — タッチした位置に、ブラシサイズで描きます。

• 鉛筆 — タッチした位置に、現在選択中の色でピクセルを描きます。
• 消しゴム — ピクセルを透明に戻します。

エリアツール — 領域全体に作用し、ブラシサイズの影響を受けません。

• 塗りつぶし — タップした位置とつながっている領域を、色の境界まで選択色で塗りつぶします。
• 置き換え — タップした色のピクセルをすべて、選択中の色に置き換えます。

シェイプツール — 始点から終点までドラッグして輪郭を描きます。3 種類は 1 つのスロットを共有し、長押しで切り替えます。

• 直線 — 2 点間をつなぐ直線。
• 四角形 — 長方形の輪郭。
• 円 — 楕円の輪郭。

ナビゲーション

• 移動 — ピクセルを編集せずにキャンバスをスクロールします。

ブラシサイズ

ブラシサイズのスライダーは 1〜50px の範囲をカバーしています。横の数値入力欄に直接値を入力することもでき、その場合は 512px まで指定できます。スライダーの範囲を超える細かい値は数値入力で指定してください。ブラシサイズはポイントツールとシェイプツールに適用されます。エリアツール (塗りつぶし・置き換え) は領域全体に作用するため、ブラシサイズの影響を受けません。

色とパレット

パレットは 5 つのカテゴリに分かれています。

• 基本 — 汎用のセット。Basic 15 Colors とグレースケール。
• クラシック — レトロなハードウェアのパレット。ゲームボーイ、NES、Commodore 64、ゲームボーイカラー、SNES、セガマスターシステムなど。
• モダン — 現代的なピクセルアート向けパレット。PICO-8、DawnBringer 16、AAP-16、ネオンサイバー。
• テーマ — 雰囲気で選ぶパレット。アーストーン、パステルドリーム、バブルガム16。
• カスタム — 自分で追加した色に加え、現在のキャンバスで使用中の色から自動生成される「現在のキャンバス」パレット。

スウォッチをタップすると描画色として選択されます。カスタムカラーを追加 から新しい色をカスタムパレットに保存できます。

スポイト

カラーセクション横のスポイトアイコンをタップするとピック モードになり、キャンバス上の任意のピクセルをタップするとその色が現在の描画色にコピーされます。

グリッド表示

設定パネルにはグリッドの表示切り替えと不透明度スライダーがあり、ズームイン中にピクセルの境界を把握しやすくなります。

レイアウト

設定パネルのレイアウトセクションでは、端末の持ち方に合わせてエディタを調整できます。

• 左利きモード をオンにすると、上部ツールバーの操作ボタンが反対側に移動し、右手側ではなく左手側の下に配置されます。
• サイドバーの位置 では、パネルのサイドバーを画面の 左 端か 右 端に配置できます。

ズームとパン

ツールパネルのズームスライダーを使うか、数値入力欄に正確なパーセンテージ (50〜500%) を直接入力できます。キャンバス上で 2 本指でピンチすれば直接ズーム、2 本指でドラッグすればパンでき、どちらのジェスチャーも選択中のツールに関係なく使えます。移動 ツールを使えば、1 本指でも同じようにパンできます。