Extensions/GLSL Nodes
ComfyUI Extension

GLSL Nodes

A collections of nodes to support GLSL shaders inside a workflow. Provides nodes: glslViewer, glslEditor, glslEditorPro, int, float, vec2, vec3 and vec4.

By patriciogonzalezvivo·Created 2 years ago·Updated about a year ago· 246
patriciogonzalezvivo/comfyui_glslnodes
Nodes13
On cloudLocal install
CategoryGLSL
Stars246
Updatedabout a year ago

Nodes (13)

float

The boring wire that makes your shader tunable

GLSL
glslBuffers

GlslBuffers — pull individual passes out of a multi-buffer shader

GLSL
glslEditor

GlslEditor — the node where your shader code actually lives

GLSL
glslEditorPro

GlslEditorPro — the GLSL editor with a real code editor in it

GLSL
glslUniforms

GlslUniforms — the caching node that keeps your shader workflows fast

GLSL
glslViewer

Run GLSL shaders inside ComfyUI (with real video out)

GLSL
int

Whole numbers for shader logic, not shader math

GLSL
vec2

Shader offsets, directions, and UV nudges in one node

GLSL
vec2 (pos)

Vec2 (pos) — a vec2 you set by dragging a point on a grid

GLSL
vec3

Three floats in a trenchcoat, for colors and 3D positions

GLSL
vec3 (pos)

Vec3 (pos) — a 3D point you set on a widget instead of in three number boxes

GLSL
vec4

Vec4 — four floats, ready to be a shader uniform

GLSL
vec4 (color)

Vec4 (color) — set a shader color with a real color picker

GLSL
Readme

GLSL Nodes for ComfyUI

This nodes add support for GLSL shaders on workflows, by adding the following nodes: glslEditor, glslViewer, int, float, vec2, vec3, vec4.

Here some examples:

examples/types.json types

examples/depth_of_field.json depth_of_field

examples/edge_detection.json edge_detection

examples/look_up_table.json look_up_table

examples/raymarch_to_image.json raymarch_to_image

examples/raymarch_buffers.json

https://github.com/user-attachments/assets/0cfbad85-6a79-4458-bd38-37a0d83996d0

examples/video_flow.json

https://github.com/user-attachments/assets/995f541e-cb11-42ff-95ea-b4e08d010778

examples/video_mask.json

https://github.com/user-attachments/assets/1f2a230d-b703-4889-b3b5-659855444366

examples/video_dither.json

https://github.com/user-attachments/assets/1d98caf2-347b-40c1-8442-2c72bb86a940

examples/video_pixelate.json

https://github.com/user-attachments/assets/89deee89-db13-4cfa-8a96-2e82f5ff6ca2

examples/shadertoy.json

https://github.com/user-attachments/assets/c6a66d8f-34cb-4ff6-b879-ee13e9e856d0

Features:

Roadmap

  • [x] 100, 120, 130, 140, 150, 300, 330, 330 core, 400, 410, 420, 430 and 440 GLSL shaders
  • [x] Resolves dependencies to LYGIA Shader Library
  • [x] Code editor (ACE) on GlslEditorPro nodes
  • [x] produce multiple frames
  • [x] reads multiple textures and texturesArrays
  • [x] multiple float, vec2, vec3, vec4 uniforms
  • [x] Dynamic inputs for uniforms
  • [x] Uniforms node for efficiency by caching textures and texturesArrays together with the GL context
  • [x] basic GLSL type nodes: int, float, vec2, vec3 and vec4
  • [x] 2D position node widget
  • [x] 3D position node widget
  • [x] Color Picker node widget
  • [x] multiple buffers (#ifdef BUFFER_X)
  • [x] multiple double uniforms (#ifdef DOUBLEBUFFER_X)
  • [ ] multiple pyramids (#ifdef PYRAMID_X)
  • [x] OPTICAL_FLOW textures
  • [x] MASK textures (create SDF on other channels)
  • [ ] loading 3D geometry
  • [ ] Vertex Shaders
  • [ ] CubeMaps (Auto detect equirectangular, cross, etc)
  • [ ] BACKGROUND pass (#ifdef BACKGROUND)
  • [ ] POSTPROCESSING pass (#ifdef POSTPROCESSING)
  • [ ] SCENE pass (#ifdef SCENE) that exposes u_scene and u_sceneDepth