プレーヤーの入力を切り取るためのスライスセレクターの使用 – HeavyM

他のチュートリアルでは、プレーヤーにメディアを表示する方法と、それを面にクリップする方法を学びました。マスキングはファンシーな形状が必要な場合に便利なツールですが、その場合、プレーヤーはフルサイズのメディアをその矩形エリアにフィットさせます。場合によっては、入力をプレーヤーに送信する前に、入力を切り取りたいことがあります。そのようなときにスライスセレクターモジュールが役立ちます。

この記事では、スライスセレクターの動作について説明し、それをケーキマッピングのユースケースでの適用例を示します。

どのように機能しますか？

どこで見つけることができますか？

スライスはプレーヤーのプロパティであり、ソースやメディアのものではありません。これはリンクされたコンテンツから独立しています。

プレーヤーを選択し、「トリミング」部分の下にある「スライスセレクターに入る」をクリックすることで、プレーヤーのスライスセレクターを開くことができます。プロパティからどうぞ。

注意: 各プレーヤーにつきひとつのスライスのみが可能です。

スライスセレクターウィンドウの概要

各プレーヤーにつきひとつのスライスが可能です。スライスは、中身を切り取る非破壊的な方法で、無限に編集可能です。

スライスセレクターウィンドウの概要は次のとおりです：

スライスセレクターの中央では、プレーヤー内に表示されたコンテンツの静止画像が表示され、再生されているメディアの名前と解像度が上に示されています。スライスセレクターを開いたときにプレーヤーに何も接続されていない場合、以前のスクリーンショットで見た1920x1080のデフォルトのチェッカーボードカードを表示し、それでもスライスを作成することができます。
このフレーム上では、四つの黄色のハンドルで定義された矩形エリアであるトリミングエリアが見つかります。それはスライスとその解像度（ピクセル単位）およびフレームおよびゾーンの左上隅に相対的な座標（ピクセル単位）を表します。
一般的なHeavyMコントロールを使って作成エリアを移動できます：右下隅のボタンまたはマウスホイールでズームイン/ズームアウトできます；マウスホイールを押すか、[スペース]+ドラッグで移動します。

スライスの作成

スライスを作成するには、簡単に：

黄色のハンドルをドラッグしてトリミングエリアの境界を定義することでそのサイズを設定します。またはフレームの下の入力フィールドを使用して、割合またはピクセル単位で正確な値を入力します（詳細は次のセクションにあります）。
トリミングエリアをドラッグするか、キーボードの矢印キーを使用してその位置を設定します。
「作成」をクリックします。

それでおしまい！スライスを編集する必要がある場合は、プレーヤーのスライスセレクターに入り、変更を加えて「作成」をクリックして適用します。

メディアとの互換性

スライスはソースに直接リンクされていないため、特定のメディアに依存しません。実際、メディアの種類にかかわらず、異なる大きさでも切り取り可能です。スライスは単に現在のメディアの解像度に対して同じ比率のテクスチャを作成します。

概要で見られるように、スライスのサイズはパーセントとピクセルで与えられています。再生中のメディアがどれであれ、パーセンテージの値は決して変わらないことに気づくでしょう。これは、それが現在のメディアの解像度に依存しないからです（これはピクセルサイズとは反対で、これは単なる参考として与えられ、パーセンテージ値から変換されます）。座標も同様に、それらは比例しています。以下は例です：

幅の50％と高さの50％を占めるスライスを作成し、それを右上隅に配置します：メディアの種類やその解像度にかかわらず、このプレーヤーは常にテクスチャの右上四半分を表示します。たとえば、1920x1080ビデオの場合、スライスは960x540pxをカバーし、X=960; Y=0に配置されます。 500x500のシェーダーの場合、これらの値は250x250pxおよびX=250; Y=250を表します。

マップとの互換性

前述のように、スライスはプレーヤーの幾何学的プロパティと見なされます。したがって、それは形状にリンクされ、同じマップを使用するすべてのシーケンスで同じになります。

ケーキマッピング例

スライスセレクターがどのようにして生活を楽にしてくれるかの例を示します。結婚式のためのダミーケーキに単一のビデオループをマッピングしましょう。

投影機の視点から見たケーキの写真を背景に追加しました (ビュー → 画像設定...)。
ループを見たいケーキの各部分にプレーヤーを1つ作成して調整します。
私たちのビデオは1920x1080です。同じサイズの画像テンプレートを作成して、8個のスライスそれぞれを定義するのに役立てました。
それを最初のプレーヤーに接続しましょう。期待どおりに、画像が形状を満たすことがわかります。
スライスセレクターでトリミングゾーンをテンプレートの対応するカラーブロックに調整することで、スライスを作成できます。ここでは、860x270になることがわかっているため、ピクセル入力フィールドを直接使用できます。

「作成」をクリックした後の結果がこちらです：
各プレーヤーでステップ4と5を繰り返すと、次のようになります：
各スライスが正しく調整されたので、コンテンツを変更してビデオをリンクするだけです。

それで終わりです！すべてのプレーヤーに同じ単一のビデオがアタッチされるので、すべてのスライス間で再生が完璧に同期されます。