Bounding Box

概要

Bounding Box ユーティリティは、1 つまたは複数の Shape のバウンディングボックスを抽出するために使用できます。テキストの動的背景を作成するなど、さまざまな目的に使用できます。

UI

Input Shapes - バウンディングボックスをサンプリングする Shape を接続します。

Expand - 結果のバウンディングボックスのサイズ [x,y] を増減します。

Position - Input Shapes の中心位置を出力します。

Size - Input Shapes の [width, height] を出力します。

Sample at Frame - チェック時、Bounding Box は特定の時点で計算されます。アニメーションする Input Shapes で使用して、アニメーションの前、途中、後の任意の時点のバウンディングボックス計算を出力できます。

Sample Frame - Sample at Frame がチェック時、Input Shapes のバウンディングボックスを計算するフレームを設定します。

Create and Connect Rectangle（ボタン）- Rectangle を作成し、Bounding Box をその Position と Size 属性に接続します。Input Shapes が接続されていない場合、幅と高さがゼロの Rectangle が作成されることに注意してください。

Basic Shape（矩形）を作成します。
Text Shape と Bounding Box を作成します。
textShape.id→boundingBox.inputShapes を接続します。
boundingBox.position→basicShape.position を接続します。
boundingBox.size→basicShape.size を接続します。

テキストの背後に矩形が表示され、テキストに変更が加えられるたびに更新されます。

注意 - Rectangle が Scene Window で Text の後ろにあること、および Text と Rectangle が異なる色に設定されていることを確認してください。