Ir al contenido
Benjamín Díaz
Volver a proyectos

Nielo Materials

Materiales procedurales desde nodos

Un editor web gratuito que construí para materiales PBR procedurales, con grafos legibles, vistas previas WebGPU y exportación de texturas.

Benjamín Díaz · Publicado ·

  • Nielo
  • WebGPU
  • TypeScript
  • Procedural Generation
  • PBR
  • Creative Tools
Nielo MaterialsArtículos

Construí Nielo Materials para hacer texturas procedurales con grafos de nodos legibles. Quería editar un material visualmente y poder revisar el archivo que lo produce.

Nielo Materials

Abre la app web gratuita

El documento del material

Cada material es un archivo .nielo.json legible. Describe los nodos, sus conexiones, los parámetros expuestos y las salidas para color base, normal, rugosidad y altura.

El editor de texto y el grafo muestran el mismo archivo. Mover un slider o reconectar un nodo actualiza el texto. Editar el texto actualiza el grafo y la vista previa.

Nielo Materials con el documento fuente junto a la vista previa de mármol
El documento se mantiene al lado del resultado renderizado.

El formato de texto plano me permite guardar materiales en Git, revisar cambios, compartirlos en una URL y editarlos con un agente. También puedo seguir usando el editor visual.

La app web renderiza con WebGPU, mantiene una vista 3D iluminada al lado del grafo y muestra cada mapa de textura. También hice herramientas de línea de comandos para validar documentos, renderizar sin interfaz, comparar imágenes y exportar para Unity, Unreal y Godot.

Ambos usan el mismo núcleo. La esfera del navegador y las texturas que entran al juego salen del mismo documento.

Repetir un material

Estas texturas necesitan repetirse sin cortes, así que los generadores usan coordenadas periódicas para mantener la continuidad en los bordes. El azar también es explícito: Variation cambia la semilla y conservarla vuelve a producir el mismo material.

Las versiones de los nodos y las pruebas con imágenes de referencia ayudan a proteger los materiales existentes cuando cambian los algoritmos. Para repetir un render también hay que conservar el documento, la semilla y la versión del motor.

El editor web es gratuito. Las herramientas de línea de comandos forman parte de mi proyecto privado; todavía no he publicado el código ni los paquetes. Materials es una de las herramientas de Nielo, junto con SFX. También estoy trabajando en editores 3D, vectoriales y de píxeles, que siguen siendo proyectos en desarrollo local.