As traduções são geradas por tradução automática. Em caso de conflito entre o conteúdo da tradução e da versão original em inglês, a versão em inglês prevalecerá.

# Adicione widgets de interface de usuário aumentada com sombreador de modelo à sua cena
<a name="scenes-editing-add-color-widget"></a>

Os widgets de sombreamento do modelo podem alterar a cor de um objeto sob condições definidas por você. Por exemplo, você pode criar um widget de cores que altera a cor de um mixer de cookies em sua cena com base nos dados de temperatura do mixer.

Use o procedimento a seguir para adicionar widgets de sombreamento de modelo a um objeto selecionado.

1. Selecione um objeto na hierarquia ao qual você deseja adicionar um widget. Pressione o botão **\$1** e escolha **Model Shader**. 

1. Para adicionar um novo grupo de regras visuais, primeiro siga as instruções abaixo para criar o e ColorRule, em seguida, no painel Inspector do objeto da ID da regra, escolha. **ColorRule**

1. Selecione o entityID, ComponentName, e PropertyName você deseja vincular o sombreador do modelo.

## Crie regras visuais as para as suas cenas
<a name="scenes-editing-add-visual-rules"></a>

Você pode usar mapas de regras visuais para especificar as condições orientadas por dados que alteram a aparência visual de um widget de interface de usuário aumentada, como uma tag ou um sombreador de modelo. Exemplos de regras estão disponíveis, mas você também pode criar suas próprias. O exemplo a seguir mostra uma regra visual.

![\[Exemplos de regras visuais com expressões baseadas em temperatura que ativam ícones de erro, aviso e informações.\]](http://docs.aws.amazon.com/pt_br/iot-twinmaker/latest/guide/images/scene-topic-temp-sample-rule.png)


A imagem acima mostra uma regra para quando uma propriedade de dados previamente definida com ID 'temperature' é verificada em relação a um determinado valor. Por exemplo, se a “temperatura” for maior ou igual a 40, o estado mudará a aparência da etiqueta para um círculo vermelho. O **destino**, quando escolhido no painel do Grafana, preenche um painel de detalhes configurado para usar a mesma fonte de dados.

O procedimento a seguir mostra como adicionar um novo grupo de regras visuais para a camada de UI aumentada de colorização de malha.

1. Na guia de regras no console, insira um nome, como ColorRule no campo de texto, e escolha **Adicionar novo grupo de regras**.  
![\[A guia “Regras” com o nome do Novo Mapa de Regras inserido acima do botão “Adicionar novo grupo de regras”.\]](http://docs.aws.amazon.com/pt_br/iot-twinmaker/latest/guide/images/scenes-new-vis-rule-create.png)

1. Defina uma nova regra para seu caso de uso. Por exemplo, você pode criar um com base na propriedade de dados 'temperature', em que o valor relatado é menor que 20. **Use a seguinte sintaxe para expressões de regras: Menor que é **<**, maior que é **>**, menor que ou igual é **<=**, maior que ou igual é **>= e igual é ==**.** (Para obter mais informações, consulte a sintaxe [JEXL do Apache Commons](https://commons.apache.org/proper/commons-jexl/reference/syntax.html).) 

1. Defina o alvo para uma cor. Para definir uma cor, como`#fcba03`, use valores hexadecimais. (Para obter mais informações sobre valores [hexadecimais, consulte Hexadecimal](https://en.wikipedia.org/wiki/Hexadecimal).)