相違点を識別する contour シェーダーのロード
これで、製品 ID を使用してランタイムにアセットを動的にロードするロジックをエクスペリエンスに構築しました。この後、シェーダーをエクスペリエンスに追加する必要があります。このシェーダーは、ロードされたモデルとトラッキングされたオブジェクトの相違点を識別するのに役立ちます。
1. エクスペリエンスの Visualization ビューに移動します。
2. プロジェクトツリーで
Visualization.js をクリックします。
「モデルロード済み」イベントをトリガーとして使用してシェーダーをアクティブ化し、モデルがシーンに完全にロードされた後にのみ初期化されるようにします。このユースケースでは、明るい緑色の contour シェーダーを適用してモデルをハイライトします。設計の好みやアプリケーションの要件に合わせて、色を自由にカスタマイズしたり、別のシェーダーを試したりすることも可能です。
シェーダーのトピックで説明されているように、contour シェーダーを定義します。
$scope.$on("modelLoaded", () => {
$scope.view.wdg.dynamicModel.shader = "contour;lineR f 0;lineG f 1;lineB f 0;lineA f 0.5";
})
次のセクションでは、
2D ユーザーインタフェースの構築を開始します。