Cómo: Crear un sombreador de gradiente basado en geometría

En este documento se muestra cómo usar el Diseñador de sombras y el lenguaje DGSL (Directed Graph Shader Language) para crear un sombreador de degradado basado en geometría.Este sombreador escala un valor de color RGB constante según el alto de cada punto de un objeto en el espacio global.

En este documento se muestran estas actividades:

  • Nodos a un gráfico de presentación

  • Establecer las propiedades del nodo

  • Desconectarse de nodos

  • Conectar nodos

Crear un sombreador de degradado basado en geometría

Puede implementar un sombreador geometría- basado escribiendo la posición del píxel del sombreador.En lenguajes de trama, un píxel contiene más información que el color y ubicación en una pantalla 2d.Píxel- conocido como un fragmento en algunas sistema- es una colección de valores que describe la superficie que corresponde a un píxel.El sombreador descrito en este documento utiliza el alto de cada píxel de un objeto 3D en el espacio universal afecte al resultado final color del fragmento.

Antes de empezar, asegúrese de que la ventana propiedades y Cuadro de herramientas se muestren.

Para crear un sombreador de degradado basado en geometría

  1. Cree un sombreador de DGSL para ejecutar.Para obtener información sobre cómo agregar un sombreador de DGSL al proyecto, vea la sección Introducción en Diseñador de sombras.

  2. Desconecte el nodo Color de punto del nodo Color final.Elija el terminal RGB de nodo Color de punto, y elija Romper vínculos.Esto crea el sitio para el nodo que se agrega en el paso siguiente.

  3. Agregue un nodo de Multiplicar al gráfico.En el Cuadro de herramientas, en Matemáticas, seleccione Multiplicar y muévala a la superficie de diseño.

  4. Agregue un nodo de Vector de máscara al gráfico.En el Cuadro de herramientas, en Utilidad, seleccione Vector de máscara y muévalo a la superficie de diseño.

  5. Especifique los valores de máscara para el nodo Vector de máscara.En el modo Seleccionar, seleccione el nodo Vector de máscara y, en la ventana propiedades, establezca la propiedad Verde/y a True, y establezca las propiedades Rojo/X, Azul y z y Alpha/w a False.En este ejemplo, las propiedades Rojo/X, Verde/y, y Azul y z corresponden a x, a y, y los componentes de la z del nodo Posición del mundo universal, y Alpha/w es no.Sólo Verde/y se establece en True, sólo permanecen el componente de la y el vector de entrada después de que se enmascare.

  6. Agregue un nodo de Posición del mundo al gráfico.En Cuadro de herramientas, en Constantes, seleccione Posición del mundo y muévalo a la superficie de diseño.

  7. Enmascarar la posición de espacio global del fragmento.En el modo Seleccionar, mueva el terminal Resultado del nodo Posición del mundo al terminal Vector del nodo Vector de máscara.Esta conexión enmascara la posición del fragmento para omitir los componentes x y z.

  8. Multiplique la constante de color RGB por la posición enmascarada del espacio universal.Mueva el terminal RGB de nodo Color de punto al terminal Y del nodo Multiplicar, y después mueva el terminal Resultado de nodo Vector de máscara el terminal X del nodo Multiplicar.Esta conexión escala el valor de color por el alto en píxeles del espacio universal.

  9. Conectar el valor de color escalado al color final.Mueva el terminal Resultado de nodo Multiplicar el terminal RGB de nodo Color final.

La siguiente ilustración muestra el gráfico de sombreador completo y una vista previa del sombreador aplicado a una esfera.

[!NOTA]

En esta ilustración, un color naranja se ha especificado para ilustrar mejor el efecto del sombreador, pero como la forma de la vista previa no tiene ninguna posición en el espacio del mundo, el sombreador no puede obtener una vista previa íntegra en el Diseñador de sombras.Se debe obtener una vista previa del sombreador en una escena real para mostrar el efecto completo.

Gráfico de sombreador y vista previa de su efecto.

Algunas formas podrían dar mejores vistas previas para algunos los sombreadores.Para obtener información sobre cómo obtener una vista previa de los sombreadores del Sombreador Designer, vea Obtener una vista previa de los sombreadores del Diseñador de sombras

La siguiente ilustración muestra el sombreador descrito en este documento aplicado a la escena 3D que se muestra en Cómo: Modelar una escena 3D básica.La intensidad del color aumenta con el alto del punto del mundo.

Efecto de degradado aplicado a un modelo de terreno 3-D

Para obtener más información sobre cómo aplicar un sombreador a un modelo 3D, vea Cómo: Aplicar un sombreador a un modelo 3D.

Vea también

Tareas

Cómo: Aplicar un sombreador a un modelo 3D

Cómo: Exportar un sombreador

Cómo: Modelar una escena 3D básica

Cómo: Crear un sombreador de textura de escala de grises

Conceptos

Diseñador de sombras

Otros recursos

Nodos del Diseñador de sombras