Partilhar via


Como: criar um sombreador de gradiente com base em geometria

Esse documento demonstra como usar o Shader Designer e o idioma de sombreador de gráfico direcionado para criar um sombreador gradiente com base em geometria.Esse sombreador dimensionar um valor de cor RGB da constante por meio da altura de cada ponto de um objeto no espaço mundial.

Este documento demonstra estas atividades:

  • Adicionar nós a um gráfico do shader

  • Configurando as propriedades do nó

  • Nós desligando

  • Conectando nós

Criando um sombreador de gradiente baseado em geometria

Você pode implementar um shader baseado geometria- inserindo a posição de pixel shader no.Em linguagens do buffer, um pixel contém mais informações do que apenas seus cor e local na tela 2d.Pixels um fragmento conhecido como em qualquer sistema é uma coleção de valores que descrevem a superfície que corresponde a um pixel.As características que é descrito neste documento utiliza a altura de cada pixel de um objeto 3d no espaço do mundo para afetar a cor final de saída do fragmento.

Antes de iniciar, certifique-se de que a janela de Propriedades e Caixa de Ferramentas são exibidos.

Para criar um sombreador de gradiente baseado em geometria

  1. Crie um shader de DGSL para trabalhar com o.Para obter informações sobre como adicionar um shader de DGSL ao seu projeto, consulte a seção obtendo iniciada em Designer de sombreador.

  2. Desconecte o nó de Ponto de Cor do nó de Cor final .Escolha o terminal de RGB do nó de Ponto de Cor , e então escolha Quebrar Links.Isso torna espaço para o nó que é adicionado na próxima etapa.

  3. Adicione um nó Multiplicar ao gráfico.Em Caixa de Ferramentas, em Matemática, selecionar Multiplicar e movê-lo para a superfície do design.

  4. Adicione um nó Vetor de máscara ao gráfico.Em Caixa de Ferramentas, em Utilitário, selecionar Vetor de Máscara e movê-lo para a superfície do design.

  5. Especifique valores de máscara para o nó Vetor de Máscara.No modo de Selecionar , selecione o nó de Vetor de Máscara , e na janela de Propriedades , defina a propriedade de Verde / Y a Truee em seguida, defina Vermelho / X, Azul / Z e propriedades de Alpha / W a False.Nesse exemplo, as propriedades Vermelho / X, Verde / Y e Azul / Z correspondem aos componentes x, y e z do nó Posição do Mundo e Alpha / W não é usado.Porque somente Verde / Y é definida como True, somente o componente y do vetor de entrada permanecerá depois que é mascarado.

  6. Adicione um nó Posição do mundo ao gráfico.Em Caixa de Ferramentas, em Constantes, selecionar Posição do Mundo e movê-lo para a superfície do design.

  7. Mascarar a posição do espaço do mundo do fragmento.No modo Selecionar, mover o terminal de Saída do nó da Posição Mundial ao terminal do Vetor do nó do Vetor da Máscara.Essa conexão oculta a posição do fragmento para ignorar os componentes x e z.

  8. Multiplique a constante de cor RGB pela posição espacial mundial mascarada.Mova o terminal de RGB do nó de Ponto de Cor ao terminal de S do nó de Multiplicar em seguida, mova o terminal de Saída do nó de Vetor de Máscara para o terminal X do nó de Multiplicar .Esta conexão dimensionar o valor de cor pela altura de pixel no espaço do mundo.

  9. Conecte o valor de cor dimensionado para a cor final.Mova o terminal de Saída do nó de Multiplicar ao terminal de RGB do nó de Cor final .

A ilustração a seguir mostra o gráfico do sombreador concluído e uma visualização do sombreador aplicado a uma esfera.

ObservaçãoObservação

Nesta ilustração, uma cor laranja é especificada para melhor demonstrar o efeito do sombreador, mas devido a forma de visualização não ter nenhuma posição no espaço-mundo, o sombreador não pode ser totalmente visualizado no Designer do Sombreador.O sombreador deve ser visualizado em uma cena real para demonstrar o efeito completo.

O gráfico de sombreador e uma visualização do seu efeito.

Determinadas formas podem fornecer visualizações melhores para alguns sombreadores.Para obter informações sobre como visualizar shaders no designer de Shader, consulte Visualizando shaders em Designer de sombreador

A ilustração a seguir mostra o sombreador descrito neste documento aplicado à cena 3D demonstrada em Como: modelar uma cena 3D básica.A intensidade da cor com aumenta com a altura do ponto no mundo.

O efeito de gradiente aplicado a um modelo de terreno 3D

Para obter mais informações sobre como aplicar um sombreador a um modelo 3-D, consulte Como: aplicar um sombreador para um modelo 3D.

Consulte também

Tarefas

Como: aplicar um sombreador para um modelo 3D

Como: exportar um sombreador

Como: modelar uma cena 3D básica

Como: criar um sombreador de textura em tons de cinza

Conceitos

Designer de sombreador

Outros recursos

Nós do Designer de sombreador