モデルシェーダー拡張 UI ウィジェットをシーンに追加する - AWS IoT TwinMaker
シーンのビジュアルルールを作成します

翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。

モデルシェーダー拡張 UI ウィジェットをシーンに追加する

モデルシェーダーウィジェットは、定義した条件下でオブジェクトの色を変更できます。例えば、シーン内のクッキーミキサーの色をミキサーの温度データに基づいて変更するカラーウィジェットを作成できます。

選択したオブジェクトにモデルシェーダーウィジェットを追加するには、次の手順に従います。

  1. ウィジェットを追加する階層内のオブジェクトを選択します。＋ ボタンを押して、モデルシェーダーを選択します。

  2. 新しいビジュアルルールグループを追加するには、まず以下の手順に従って ColorRule を作成し、次にルール ID の オブジェクトの Inspector パネルで ColorRule を選択します。

  3. モデルシェーダーをバインドする entityID、 ComponentName、 PropertyName を選択します。

シーンのビジュアルルールを作成します

ビジュアルルールマップを使用して、タグやモデルシェーダーなどの拡張 UI ウィジェットの視覚的な外観を変更するデータ駆動型条件を指定できます。サンプルルールも用意されていますが、独自のルールを作成することもできます。次の例は、ビジュアルルールを示しています。

エラー、警告、情報アイコンをアクティブ化する温度ベースの式を含むビジュアルルールの例。

上の図は、ID が「温度」の以前に定義されたデータプロパティが特定の値と照合されるときのルールを示しています。例えば、「温度」が 40 以上の場合、状態はタグの外観を赤い円に変更します。Grafana ダッシュボードで [ターゲット] を選択すると、同じデータソースを使用するように設定されている詳細パネルに入力されます。

次の手順は、メッシュカラー化拡張 UI レイヤーの新しいビジュアルルールグループを追加する方法を示しています。

  1. コンソールのルールタブで、テキストフィールドに ColorRule などの名前を入力し、新しいルールグループを追加を選択します。

    「新しいルールグループの追加」ボタンの上に新しいルールマップ名が入力されている「ルール」タブ。

  2. ユースケースに合わせてルールを定義します。例えば、データプロパティ「温度」に基づいて作成できます。報告された値は 20 未満です。ルール式には、次の構文を使用します。「未満」は ＜、「より大きい」は ＞、「以下」は <=、「より大きい」は >=、「等しい」は == です。（詳細については、「Apache Commons JEXL 構文」を参照してください。）

  3. ターゲットを色に設定します。などの色を定義するには#fcba03、16 進値を使用します。(16 進値の詳細については、「16 進数」を参照してください。）