ビューポート
Viewport は、Composition 内の Shapes がレンダリングされ、視覚的に構成できるように表示される場所です。
tools を使用して Shapes の選択、変形、編集、描画を行い、サポートされている Filters や Shaders を編集します。
Viewport で Select ツールを使って Shapes にカーソルを合わせると、Shape 名が表示され、Shape の複雑さに応じてそのパスやバウンディングボックスがハイライトされ、クリック時に何が選択されるかが示されます。この「選択前ハイライト」の詳細レベルは自動化されています：
- Full - 複雑さの低い Shapes では、すべてのパス/輪郭がハイライトされます。
- Medium - 中程度の複雑さの Shapes では、個々のサブメッシュに対してバウンディングボックスが描画されます。Text Shapes は特別に処理され、文字数が増えるにつれて各単語にバウンディングボックスが描画されます。
- Low - 複雑な Shapes では、単一のバウンディングボックスが描画されます。
Select ツールでホバーしたときに Layer 名を表示するかどうかはオプションで、View > Show Layer Names on Hover で設定できます。
Shapes が選択されると、バウンディングボックスが描画され、Layer 名のラベルが右上に表示されます。Groups とその子の選択については Group を参照してください。
Viewport のキャンバス（Composition の外側の領域）の色は、Preferences ウィンドウの Viewport Canvas Color で設定できます。
複数の Viewports
「複数の Viewports」という見出しのセクション追加の Viewports を開くには、Window > Add Viewport メニュー項目を使用します。
Scene に複数の Composition がある場合、セカンダリ Viewports のフッターにドロップダウンメニューが表示され、特定の Composition を選択してプレビューできます。ドロップダウンには「アクティブな」Composition のオプションも含まれています。これは Scene Window で現在開いているタブです。
Scene に複数の Composition がある場合、セカンダリ Viewports には playback コントロールは表示されません。
再生は「アクティブな」Composition でのみサポートされますが、タイムサムをドラッグするか、ホットキーや playback コントロールでフレームを進めることで、非アクティブな Composition のアニメーションをプレビューできます。非アクティブな Composition の現在のフレームも、再生停止時に更新されます。
複数の Viewports を使用している場合、「アクティブな」Composition に設定された Viewport には、ウィンドウの周りに紫色の枠線が表示されます。
Viewport のスケーリングを設定します。ドロップダウンを使用して値を設定するか、値を入力します。
- 何も選択していない状態で F キーを押すと、Viewport スケーリングが最適に設定されます。
- Shape(s) を選択した状態で F キーを押すと、選択範囲に合わせて Viewport スケーリングが最適に設定されます。
- Cmd/Ctrl + +/- を使用して、Viewport ズームを段階的に倍増/半減します。
Camera
「Camera」という見出しのセクションScene に複数の Cameras が存在する場合、ドロップダウンを使用して各 Viewport の Camera ビューを選択します。
Playback
「Playback」という見出しのセクション- 最初のフレームに移動 - 再生範囲の最初のフレームに再生ヘッドを移動します。
- 前のフレームに移動 - 再生ヘッドを 1 フレーム戻します。
- 再生 - 再生を開始します。もう一度クリックすると停止します。
- 次のフレームに移動 - 再生ヘッドを 1 フレーム進めます。
- 最後のフレームに移動 - 再生範囲の最後のフレームに再生ヘッドを移動します。
Playback Mode - 再生中に再生ヘッドが Playback End に達したときの動作を決定します：
- Loop Playback - 再生ヘッドが Playback End フレームに達すると、Playback Start フレームに移動して再生を続行します。
- Playback Once - 再生ヘッドが Playback End フレームに達すると、再生を停止します。
Tag Filtering
「Tag Filtering」という見出しのセクションこのアイコンが緑色に変わり、Quicklist tag がアクティブで、Viewport に表示される内容に影響していることを示します。
Color Management
「Color Management」という見出しのセクションColor Management を有効/無効にします。
オプション：
- Color Management を参照してください。
Audio Playback
「Audio Playback」という見出しのセクション音声再生をグローバルに有効/無効にします。
オプション：
- Play Audio - 音声再生を有効/無効にします。
- Audio Device - 音声を再生するオーディオデバイスを選択します。
- Playback Volume - 再生時の音声ボリュームを増減します。これはエクスポートされる音声のボリュームには影響しません。
名前に unicode 文字を含むオーディオデバイスは、そのデバイスへの音声再生を妨げる可能性があります。これらの文字はリストで正しくレンダリングされません。OS でデバイスの名前を変更して、これらの文字を置き換えるか削除してください。
Snapping
「Snapping」という見出しのセクションShapes をグリッド、他の Shapes、Composition などにスナップします。
オプション：
- Enable Snapping - スナップを有効/無効にします。
- Snapping Threshold - スナップが発生するグリッドからの距離（画面ピクセル単位）を設定します。
- Grid - Grid スナップを有効/無効にします。
- Ruler Guide - Guides へのスナップを有効/無効にします。
- Composition - Composition の中心へのスナップを有効/無効にします。
- Bounding Box - バウンディングボックスへのスナップを有効/無効にします。
- Point - Shapes のポイントへのスナップを有効/無効にします。
- Pixel - Pixel Grid へのスナップを有効/無効にします。Pixel Grid は Grid 設定と View メニューで有効/無効にできます。
Viewport にグリッド線を表示します。アイコンをクリックすると 2D グリッドのみが有効/無効になります。
2D Grid は「Composition ごと」に保存されますが、3D と Pixel Grid は環境設定として保存されます。つまり、2D Grid が有効になっていても、新しい Composition を作成または読み込んだときに有効なままであるとは限りません（2D Grid がその Composition で有効として保存されている場合を除く）。
- 2D
- 3D
- Pixel
Show 2D Grid - 2D グリッドを表示/非表示にします。
Copy/Paste Grid - これらのボタンを使用して、Composition 間でグリッドをコピー/ペーストします。
Grid Type - 2D グリッドのタイプを決定します：
- Regular - サブディビジョンと原点を持つグリッド。
- Swiss - ガターオプションを備えたシンプルなグリッド。
Origin - Grid Type が Regular に設定されている場合、グリッドの原点の位置を決定します。
- Centre - Composition の中心にグリッド原点を配置します。
- Top Left - Composition の左上から Margin を引いた位置にグリッド原点を配置します。
- Bottom Left - Composition の左下から Margin を引いた位置にグリッド原点を配置します。
- Top Right - Composition の右上から Margin を引いた位置にグリッド原点を配置します。
- Bottom Left - Composition の右下から Margin を引いた位置にグリッド原点を配置します。
Rotation - グリッドを回転します。Grid Type が Regular に設定されている場合、Origin も Centre に設定する必要があります。
Margins - Composition の境界からグリッドを開始またはクリップする距離を設定します。
Size Mode - Grid Type が Regular に設定されている場合、セルのサイズの決定方法を選択します：
- Size Of Cell - メジャーグリッドセルの寸法をピクセル単位で設定します。
- Number of Divisions - Composition の幅/高さから Margins を引いた値をこれらの値で割ってメジャーセルを作成します。
Cell Size - メジャー 2D グリッド線間のギャップサイズをピクセル単位で設定します。
Subdivision Count - Grid Type が Regular に設定されている場合、各メジャーセル内に作成されるマイナーセルの数を決定します。
Gutter - Grid Type が Swiss に設定されている場合、セル間のスペースをピクセル単位で設定します。
Major Line Color - 2D グリッドのメジャーセルの色/Alpha を設定します。
Minor Line Color - 2D グリッドのマイナー（サブディビジョン）セルの色/Alpha を設定します。
Show 3D Grid - 3D グリッドを表示/非表示にします。
Grid Color - 3D グリッドの色/Alpha を設定します。
Grid Size - 3D グリッドの合計サイズをピクセル単位で設定します。
Grid Step - 3D グリッド線間のギャップサイズをピクセル単位で設定します。
Show Pixel Grid - Pixel Grid を表示/非表示にします。Pixel Grid は、現在の Composition の解像度に応じて特定の Zoom レベルでのみ表示されます。
再生中の UI 更新
「再生中の UI 更新」という見出しのセクションチェックすると、再生中にユーザーインターフェースが更新されます。これには、Scene Window の再生ヘッド、Sound Behaviour の Equalizer、Attribute Editor の属性などの要素が含まれます。これにより、パフォーマンスに悪影響が出る場合があります。
再生中の UI 更新 を有効にするには、Playback Caching を無効にする必要があります。
Playback Caching
「Playback Caching」という見出しのセクション再生キャッシュを有効/無効にします。Show Drawables が Except during Playback に設定されている場合、再生がキャッシュされると drawables（Falloffs、Nulls など）は非表示になります。表示し続けるには Always に設定します。
Playback Caching は Composition 全体に対するもので、Composition への変更（時間変更を除く）はキャッシュ全体をクリアします。
Show Composition Boundary
「Show Composition Boundary」という見出しのセクションチェックすると、Composition Boundary の周りに枠線が描画されます。
オプション：
- Boundary Color - Composition Boundary の色を設定します。
Motion Paths
「Motion Paths」という見出しのセクションチェックすると、選択したアニメーション化された Shapes の方向と速度を表すパスが Viewport に描画されます。Motion Paths を参照してください。
オプション：
- Show Frames - チェックすると、各フレームでの Shape の位置を表すドットが描画されます。
- Show Seconds - チェックすると、1 秒を表すバーがパスに沿って描画されます。各バーは 1 秒の最初のフレームを表します。
- Show Keyframes - チェックすると、Shape の位置キーフレームを表す大きなドットが描画されます。
- Show Path - チェックすると、各フレームを表すポイント間に線が描画されます。
- Show Direction - チェックすると、方向を示す山形矢印が描画されます。
- Path Duration - Motion Path の表示長さを秒単位で設定します。この値はパスの全体的な長さなので、値 6 は現在のフレームの前後に 3 秒ずつ表示されます。
Onion Skinning
「Onion Skinning」という見出しのセクションViewport にオニオンスキンレイヤーを描画します。
オプション：
- Onion Skinning - オニオンスキンを有効/無効にします。
- Pre Color - 現在のフレームより前の Shapes の色を設定します。
- Pre Frames - 現在のフレームより前に描画するフレーム数を設定します。
- Post Color - 現在のフレームより後の Shapes の色を設定します。
- Post Frames - 現在のフレームより後に描画するフレーム数を設定します。
- Outline Only - 各 Shape を塗りつぶしません。
Clipping Mask Overview
「Clipping Mask Overview」という見出しのセクションViewport にクリッピングマスクを描画します。
オプション：
- Show Clipping Masks - チェックすると、選択した Shapes に接続されたマスクが Viewport に輪郭として描画されます。
- Fill - チェックすると、マスクが接続された Shape が選択されているときに、Viewport に緑色のオーバーレイが表示されます。
Transparency Style
「Transparency Style」という見出しのセクションViewport の透明度スタイルを設定します。
オプション：
- Use Checkerboard - チェックすると、透明度がある場所にチェッカーボードが表示されます。注意 - すべての Compositions には Composition Background があります。Alpha が 255 に設定されている場合、この設定をチェックしても効果はありません（透明度がないため）。
Viewport Settings
「Viewport Settings」という見出しのセクションオプション：
- Viewport Quality - Viewport でレンダリングされる機能を設定します。必要に応じて再生速度を向上させるために使用できます。注意 - この設定は最終レンダリングには影響しません。
- High - 標準アンチエイリアシングを使用したフルクオリティ。
- Balanced (macOS のみ) - マルチサンプルアンチエイリアシング (MSAA) を使用。パフォーマンスと品質のバランスを取ります。
- Low - アンチエイリアシングと Image Filtering（Image Shader 参照）を削除します。
- Lowest - Low と同様ですが、Filters と Shaders も削除します。
- Color Space - Preferences でカラーマネジメントが有効な場合、デフォルトでは RGB ピクセル値は作業用カラースペースからコンピュータモニターのカラースペースに変換されます。代替スペースを有効にして、Composition が他のデバイスでどのように表示されるかをプレビューできます。
- Layer Tools - チェックすると、特定の Layers に紫色の UI 要素が表示され、Viewport で直接設定を調整できます。これらのツールを表示するには、サポートされている Layer を選択する必要があります。Shape が別の Shape の親である場合、Layer Tools は使用できません。
- Draw Debug Information - Viewport に（レンダリング不可の）診断情報を描画します。Duplicator のポイント ID を視覚化するのに役立ちます。
- Show FPS in Playback - 再生中に Viewport の下部に Viewport が実行しているフレーム/秒を表示します。
- Viewport Tool Help - チェックすると、各 tool の役立つヒントが Viewport の左下隅にオーバーレイ表示されます。
- Show Drawables - drawables（Falloffs/Nulls/Camera Guides）の表示を制御します
- Always - 常に drawables を表示します。
- Except during Playback - 再生中を除いて drawables を表示します。
- Never - drawables を表示しません。
- Shape Depth Debug - Sub Meshes 内の特定の Shapes の深度を診断するために使用できます。SVG アートワークなどに役立ちます。
Debug Information は現在 pointId のみをサポートし、再生中は表示されません。
コンテキストメニュー
「コンテキストメニュー」という見出しのセクションViewport で Shape または空のスペースを右クリックすると、さまざまなオプションを含むメニューが表示されます：
- Select - カーソル下の Shape を選択します。複数の Shapes が重なっている場合、メニュー項目から必要な Shape を選択します。
- Select Hierarchy - Shape が別の Layer の子である場合、メニュー項目を使用して階層内の上の Layers を選択します。
- Get Info - カーソル下の Shape に関する情報を表示します。メニュー項目をクリックすると値がクリップボードにコピーされます。
- Zoom to Fit - Composition が収まるように Viewport をズームします。
- Zoom - Viewport のズームレベルを設定します。
- Save Snapshot - Viewport の現在の状態のスナップショットをスロットに保存します。
- Remove Snapshot - スロットからスナップショットを削除します。
- Clear All Snapshots - すべてのスロットからスナップショットを削除します。
- Copy Layer Id - scripting で使用するために Layer の Id をクリップボードにコピーします。
- Copy as SVG - 選択した Shapes を SVG データとしてクリップボードにコピーします。
- Copy as JavaScript - 選択した Shapes の情報を JavaScript コードとしてクリップボードにコピーします。Cavalry Module を参照してください。
- Make Editable - Primitive を Editable Shape に変換します。
- Add Background to Selected - Rectangle と Bounding Box Utility を作成して、選択した Shapes の背景を作成します。
- Layout - 選択した Shapes を Layout に追加します。
- Bring to Front - 選択した Shapes を親の階層の最前面に移動します。
- Bring Forward - 選択した Shapes を親の階層内で 1 つ上に移動します。
- Send Backward - 選択した Shapes を親の階層内で 1 つ下に移動します。
- Send to Back - 選択した Shapes を親の階層の最背面に移動します。
- Add to Duplicator - 選択した Shapes を Duplicator に追加します。
- Group Selected - 選択した Shapes を Group に追加します。
- Lock Selected - 選択した Shapes をロックして誤選択を防ぎます。ロック動作は Preferences に依存します。
- Show in Attribute Editor - 選択した Shapes を Attribute Editor に読み込むか表示します。
- Show in Scene Window - 選択した Shapes を Scene Window に読み込むか表示します。