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

# モデルシェーダー拡張 UI ウィジェットをシーンに追加する
<a name="scenes-editing-add-color-widget"></a>

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

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

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

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

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

## シーンのビジュアルルールを作成します
<a name="scenes-editing-add-visual-rules"></a>

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

![\[エラー、警告、情報アイコンをアクティブ化する温度ベースの式を含むビジュアルルールの例。\]](http://docs.aws.amazon.com/ja_jp/iot-twinmaker/latest/guide/images/scene-topic-temp-sample-rule.png)


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

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

1. コンソールのルールタブのテキストフィールドに ColorRule などの名前を入力し、 **[新規ルールグループの追加]** を選択します。  
![\[新しいルールマップ名が「新しいルールグループの追加」ボタンの上に入力された「ルール」タブ。\]](http://docs.aws.amazon.com/ja_jp/iot-twinmaker/latest/guide/images/scenes-new-vis-rule-create.png)

1. ユースケースに合わせてルールを定義します。たとえば、データプロパティ「温度」に基づいて作成できます。レポートされる値は 20 未満です。ルール式には次の構文を使用します。**「<** 未満」、**「>** より大きい」、**「<=** 以下」、**「>=** より大きいか等しい」、**「== **等しい」。(詳細については、[「Apache Commons JEXL 構文](https://commons.apache.org/proper/commons-jexl/reference/syntax.html)」を参照してください）。

1. ターゲットを色に設定します。などの色を定義するには`#fcba03`、16 進値を使用します。(16 進値の詳細については、[「Hexadecimal](https://en.wikipedia.org/wiki/Hexadecimal)」を参照してください。)