Shading

Pinta widgets en la GPU. Conecta nodos en Pyzed Design, carga el resultado desde Python o escribe WGSL a mano. Las tres formas son igual de rápidas.

Un shader es un programa pequeño que decide el color de cada píxel de un widget, muchas veces por segundo, en la tarjeta gráfica. Así dibuja Pyzed fondos animados, efectos de brillo, radares y gráficos de juegos sin ralentizar tu app. Si usaste los shaders visuales de Godot o el editor de materiales de Unreal Engine, los grafos de shaders de Pyzed te van a resultar familiares.

Seis shaders hechos con nodos funcionando a la vez, de examples/showcase/shaders.

flowchart LR
    nodes["Nodos en la vista de shaders"] --> file["Archivo .pzshad"]
    code["pyzed.shading en Python"] --> file
    file --> wgsl["WGSL"]
    hand["WGSL escrito a mano"] --> widget
    wgsl --> widget["Widget pz.shader"] --> gpu["GPU"]

Empieza aquí

Empieza aquíTu primer shaderCrea un círculo brillante que late, con el ratón y en diez minutos, y úsalo en una app. Sin matemáticas.DiseñadorLa vista ShaderEl editor de nodos de Pyzed Design: pestañas, gestos, la barra lateral, variables y propiedades.10 recetasRecetasDegradados, un brillo neón, plasma, nubes, celdas, una pantalla CRT, un foco, un spinner, fuego y rayas.

Todos los nodos

El catálogo de nodos describe todos los nodos de un grafo, por categoría, con sus puertos, ajustes y un ejemplo para cada uno.

Entradas y constantesUV, píxel, tamaño, tiempo, ratón, variables y valores fijos.MatemáticasAritmética, sin y compañía, mezclar, limitar, paso suave, reasignar.Vectores y UVComponer, distancia, polar; repetir, desplazar, rotar, remolino, pixelar.Ruido y patronesPerlin, fractal, Voronoi; tablero, franjas, cuadrícula, degradados, ondas.FormasCírculo, rectángulo, anillo, polígono, estrella; unión y resta; relleno, contorno, resplandor.Color y efectosDegradado, paleta, tono, modos de fusión, capas, viñeta, líneas de barrido, texturas.Lógica y utilidadesComparar, elegir, valores con nombre, tu propio WGSL, funciones shader, Salida.

Tres formas de crear uno

Forma	Para	Página
Nodos en la vista Shader	Todo el mundo: conecta cajas con el ratón y ve el resultado en cada nodo.	La vista Shader
`pyzed.shading` en Python	Generar o editar grafos desde código, pruebas, herramientas.	Grafos de shaders
WGSL a mano	Control total, portar shaders de otros sitios.	Shaders en WGSL

Las tres acaban siendo el mismo código WGSL en la GPU, así que son igual de rápidas, y un .pzshad hecho con el ratón se puede cambiar desde Python (y al revés).

La primera forma: arrastra nodos al grafo y conéctalos; cada nodo muestra lo que produce.

Míralos en acción

Galería de shadersPlasma, una onda que sigue al ratón, un túnel y más, cada uno con su código.El componente shaderOpciones, tamaños y ejemplos de pz.shader en la biblioteca de componentes.API de pyzed.shadingTodas las clases y funciones para cargar, crear y editar grafos en código.