Technical Support

With most AI services the better you describe what you would like it to do, the more chance it will have to succeed. Struggling to find the words to describe the effect you are after? Use Chat GPT for help by asking it: Words to describe visual dynamic effects? Here is its response when we asked:

- Fluid: Smooth and continuous motion, resembling flowing liquids.
- Energetic: Vibrant and lively, with strong movement or activity.
- Pulsating: Expanding and contracting rhythmically, like a heartbeat.
- Chaotic: Unpredictable and disorderly, with random or irregular movements.
- Synchronized: Coordinated and harmonious, with elements moving in unison.
- Explosive: Bursting with sudden and intense energy, like an explosion.
- Ethereal: Delicate and otherworldly, with a dreamlike quality.
- Whimsical: Playful and fanciful, with whimsical or quirky movements.
- Hypnotic: Mesmerizing and trance-inducing, capturing attention with repetitive patterns.
- Dynamic: Full of energy and change, with constant movement or variation.
- Futuristic: Modern and innovative, resembling technology or science fiction.
- Organic: Natural and fluid, resembling living organisms or natural processes.
- Glowing: Emitting soft or vibrant light, creating a luminous effect.
- Morphing: Transforming or changing shape smoothly and continuously.
- Cascading: Falling or flowing downward in a series of steps or layers.

Manipulating an existing Frag Shader

Within ChatGPT you can introduce the Frag Shader and explain what you would like ChatGPT to do with the files:

This Frag Shader file is written in GLSL for ENTTEC LED MAPPER. Please double the amount of circles and make the circles thicker


float scale(float value, float min, float max, float toMin, float toMax)
{return (value - min) / (max - min) * (toMax - toMin) + toMin;}
void mainImage( out vec4 fragColor, in vec2 fragCoord )
{vec2 p = fragCoord.xy / iResolution.xy-0.5;p *= 6.0;if(iResolution.x < iResolution.y)
{p.x *= iResolution.x/iResolution.y;}
else
{p.y *= iResolution.y/iResolution.x;}
p.y=0.5;float r = length(p)*1.8;r = r*2.-.0;
float ringTime = scale(iNbItems+0.0, 1., 64., 10., 0.4 );
float s = mod(iTime*2.2-r, ringTime)/(ringTime);
float sizeHalf = scale(iForce, 1.0, 10.0, 0.05, 0.9) / 2.0;
float fade = scale(iForce2, 1.0, 10.0, 1., .0);
float start = 0.5 - sizeHalf;
float end = 0.5 + sizeHalf;    
s = s >= start && s <= end ? 1.-2.*abs(scale(s, start, end, 0., 1.)-0.5) : -1.;    
s = s>0. && (s < fade) ? s / fade  : (s > 0. ? 1.0 : 0.);    
fragColor = vec4(vec3(s), 1.);}

Using an existing Frag Shader to create similar effects

Within ChatGPT you can introduce the Frag Shader and explain what you would like ChatGPT to do with the files:

This Frag Shader file is written in GLSL for ENTTEC LED MAPPER. Please create several different Frag Shader Files similar to this:

float scale(float value, float min, float max, float toMin, float toMax)
{return (value - min) / (max - min) * (toMax - toMin) + toMin;}
void mainImage( out vec4 fragColor, in vec2 fragCoord )
{vec2 p = fragCoord.xy / iResolution.xy-0.5;p *= 6.0;if(iResolution.x < iResolution.y)
{p.x *= iResolution.x/iResolution.y;}
else
{p.y *= iResolution.y/iResolution.x;}
p.y=0.5;float r = length(p)*1.8;r = r*2.-.0;
float ringTime = scale(iNbItems+0.0, 1., 64., 10., 0.4 );
float s = mod(iTime*2.2-r, ringTime)/(ringTime);
float sizeHalf = scale(iForce, 1.0, 10.0, 0.05, 0.9) / 2.0;
float fade = scale(iForce2, 1.0, 10.0, 1., .0);
float start = 0.5 - sizeHalf;
float end = 0.5 + sizeHalf;    
s = s >= start && s <= end ? 1.-2.*abs(scale(s, start, end, 0., 1.)-0.5) : -1.;    
s = s>0. && (s < fade) ? s / fade  : (s > 0. ? 1.0 : 0.);    
fragColor = vec4(vec3(s), 1.);}

Create a new Frag Shader file

We have found that the best initial step is to help teach ChatGPT what an exisiting ENTTEC LED MAPPER Frag Shader file looks like: 

What type Frag Shader file is this:

float scale(float value, float min, float max, float toMin, float toMax)
{return (value - min) / (max - min) * (toMax - toMin) + toMin;}
void mainImage( out vec4 fragColor, in vec2 fragCoord )
{vec2 p = fragCoord.xy / iResolution.xy-0.5;p *= 6.0;if(iResolution.x < iResolution.y)
{p.x *= iResolution.x/iResolution.y;}
else
{p.y *= iResolution.y/iResolution.x;}
p.y=0.5;float r = length(p)*1.8;r = r*2.-.0;
float ringTime = scale(iNbItems+0.0, 1., 64., 10., 0.4 );
float s = mod(iTime*2.2-r, ringTime)/(ringTime);
float sizeHalf = scale(iForce, 1.0, 10.0, 0.05, 0.9) / 2.0;
float fade = scale(iForce2, 1.0, 10.0, 1., .0);
float start = 0.5 - sizeHalf;
float end = 0.5 + sizeHalf;    
s = s >= start && s <= end ? 1.-2.*abs(scale(s, start, end, 0., 1.)-0.5) : -1.;    
s = s>0. && (s < fade) ? s / fade  : (s > 0. ? 1.0 : 0.);    
fragColor = vec4(vec3(s), 1.);}

ChatGPT should respond telling you it is a fragment shader and it is written in GLSL (OpenGL Shading Language). Now that it know what we are looking for we can ask it to build Frag Shaders for us: