図形を描く: 長方形・楕円・星・直線

シェイプスロットとラインスロット

左側のレールは、全ツールを平らに並べたリストではありません。関連するツールは スロットにまとめられており、スロットの隅には小さな三角形が表示されます。三角形をクリックしてフライアウトを開き、メンバーを選ぶと、別のものを選ぶまでそのメンバーがスロットを占めます。選択はデバイスごと・スロットごとに記憶されます。

図形を扱うスロットは2つです:

• シェイプスロット (デフォルトは長方形): 長方形、楕円、星、フレア。
• ラインスロット (デフォルトは直線): 直線、円弧、スパイラル、長方形グリッド、同心円グリッド。

星、フレア、円弧、2種類のグリッドにはキーボードショートカットがありません。フライアウトから選んでください。星のツールチップにキーが表示されても無視してください。あのラベルはツールの宣言から自動生成されたもので、ハンドラは何も割り当てられていません。

スロットは前回の選択を記憶するので、ツールを「5番目のアイコン」として覚えないでください。最後に星を描いたなら、シェイプスロットには星が表示されます。それでも R を押せば長方形が有効になり、スロットに戻ってきます。

最初の長方形を描く

1. R を押す シェイプスロットが長方形に切り替わります。スロットがどのメンバーを表示していても機能します。
2. キャンバス上でドラッグする 押して、ドラッグして、離す。これで本物の SVG の が得られます。絵ではなく実体です。ドキュメントは隅から隅まで SVG です。
3. V を押して調整する 選択ツールで選択ボックスが表示されます。内側をドラッグすると移動、ハンドルをドラッグすると拡大縮小や回転ができます。

楕円も同じ操作で描けます。キーは Cです。直線も同様で、キーは Lです。ただし直線ツールはシングルタップにも反応し、オプションバーで設定中の長さと角度の直線をその場に置きます。

オプションバーは次の図形を設定し、描いた図形を編集する

これらのツールにはそれぞれオプションバーがあり、そこにある数値は 次に 描く図形のデフォルト値です。ドラッグの前に設定してください。

• 長方形: W、H、RX、RY と単位(px、pt、mm、cm、in)。RX と RY は角の半径で、デフォルトは 0 です。
• 楕円: Rx、Ry、単位、開始角と終了角(0〜360)、そして3種類の円弧タイプ(扇形、円弧、弦)。デフォルトは扇形です。
• 星: 多角形/星のモード切り替えに加え、角の数(2〜1000、デフォルト 5)、スポーク比(0〜1、デフォルト 0.5)、角丸、ランダム化。
• スパイラル: 巻き数(デフォルト 3)、発散(デフォルト 1)、内半径(デフォルト 0)。
• 直線: 線幅、長さ、角度、単位。

長方形、楕円、星、スパイラルを描き終えた瞬間、バーはその図形の編集バーに切り替わり、ライブな図形に紐づきます。そこで数値を変えると、キャンバス上の図形が追従します。空白部分をタップすると描画モードに戻ります。

ヒント: 楕円のバーでは円弧やパイ型の開始/終了角度を、星のバーでは角の数・角丸・ランダム性を調整できます。いろいろ試してみてください。取り消しでいつでも戻れます。

円弧、スパイラル、グリッド

ラインスロットの残りのツールも知っておく価値があります。これらの形状は手作業で組み立てると面倒だからです。

• 円弧 は開いた四分の一楕円のセグメントをドラッグで描きます。
• スパイラル はパラメトリックなスパイラルを、開いた線のみのパスとして描きます。
• 長方形グリッド は行×列の直線グリッドをドラッグで描きます。
• 同心円グリッド は同心円のリングと放射状のスポークをドラッグで描きます。

どちらのグリッドも、ばらばらの直線の集まりではなくひとつの複合パスとして生成されます。レイヤーリストはすっきりしますが、選択ツールでグリッドの一本だけを選択することはできません。

図形はずっと編集可能

Rayzia の星は固まったアウトラインではありません。角の数や半径は要素自身の属性に保持されており、数値を変えるたびに星の編集バーが星を作り直せます。スパイラルも巻き数・発散・内半径について同じです。長方形と楕円は本物の と 要素なので、幅・高さ・半径がいつまでも機能し続けます。

個々のポイントを動かしたいときは、 F2 でノードエディタを開きます。要素の種類を読み取り、それに合った編集画面を表示します。rect には長方形のハンドル、パスにはアンカーとベジェ、楕円には半径のハンドルです。

よくある質問