ComfyUI Node: FL Shadertoy

FL Shadertoy:

FL_Shadertoy is a versatile node designed to render complex visual effects using GLSL shaders, specifically those compatible with the Shadertoy platform. This node allows you to create dynamic and intricate animations or static images by leveraging the power of fragment shaders. It is particularly useful for AI artists looking to integrate custom shader effects into their projects without needing deep technical knowledge of OpenGL or shader programming. By providing a flexible interface for input parameters and textures, FL_Shadertoy enables you to experiment with various visual styles and effects, enhancing the creative possibilities of your AI-generated art.

FL Shadertoy Input Parameters:

width

This parameter defines the width of the output image or animation. It determines the horizontal resolution and can significantly impact the level of detail and performance. The minimum value is 64, the maximum is 2048, and the default is 512.

height

This parameter sets the height of the output image or animation, affecting the vertical resolution. Like the width, it influences the detail and performance. The minimum value is 64, the maximum is 2048, and the default is 512.

frame_count

This parameter specifies the total number of frames to render for an animation. It controls the duration and smoothness of the animation. The minimum value is 1, the maximum is 262144, and the default is 1.

fps

This parameter determines the frames per second for the animation, affecting its playback speed and fluidity. The minimum value is 1, the maximum is 120, and the default is 1.

source

This parameter is a string that contains the GLSL shader code to be executed. It allows you to define custom visual effects by writing or pasting shader code. The default value is a simple shader that varies pixel color over time.

channel_0

This optional parameter allows you to input an image tensor to be used as a texture in the shader. It can be used to add custom textures or images to your shader effects.

channel_1

Similar to channel_0, this optional parameter lets you input a second image tensor for additional texture usage in the shader.

channel_2

This optional parameter provides a third image tensor for texture input, offering more complexity and variety in your shader effects.

channel_3

This optional parameter allows for a fourth image tensor to be used as a texture, enabling even more intricate and layered visual effects.

FL Shadertoy Output Parameters:

IMAGE

The output parameter is an image tensor that contains the rendered result of the shader. This can be a single image or a sequence of images if an animation is rendered. The output is in the form of a tensor, making it easy to integrate with other nodes or processes in your workflow.

FL Shadertoy Usage Tips:

• Experiment with different shader codes in the source parameter to achieve various visual effects.
• Use high-resolution textures in the channel_0 to channel_3 parameters to enhance the detail and quality of your shader effects.
• Adjust the frame_count and fps parameters to control the duration and smoothness of animations.
• Start with lower width and height values to test your shader quickly, then increase them for the final render to balance performance and quality.

FL Shadertoy Common Errors and Solutions:

GLFW did not init

• Explanation: This error occurs when the GLFW library fails to initialize, which is necessary for creating an OpenGL context.
• Solution: Ensure that GLFW is correctly installed and that your system supports OpenGL. Restart your application and try again.

GLFW did not init window

• Explanation: This error happens when GLFW fails to create a window, which is required for rendering.
• Solution: Check your system's graphics settings and ensure that your GPU drivers are up to date. Verify that there are no conflicting applications using OpenGL.

Shader compilation failed

• Explanation: This error indicates that there is a syntax or logic error in the GLSL shader code provided in the source parameter.
• Solution: Review the shader code for errors and ensure it complies with GLSL syntax. Use a shader editor or online tool to validate your code before using it in the node.

Texture binding failed

• Explanation: This error occurs when the node fails to bind the provided textures to the shader.
• Solution: Ensure that the image tensors provided in channel_0 to channel_3 are valid and correctly formatted. Check the dimensions and data types of the tensors.

Framebuffer incomplete

• Explanation: This error indicates that the framebuffer object (FBO) used for rendering is not complete, which can prevent rendering.
• Solution: Verify that all required attachments (textures, renderbuffers) are correctly set up and that your system supports the required OpenGL extensions.