Xor

"Bokeh 3"
for(float i=9.+fract(-t/.1),j;i<5e1;o+=(cos(FC.y/r.y*7.+i+t*9.+vec4(0,1,2,3))+1.)*exp(cos(j=tan((j=round(i+t/.1))*9.))*cos(.3*t/j))*smoothstep(j=j*j+3.,-j,length(mod(FC.xy+r*tan(j/.1+vec2(0,8))/i,r)-r*.5)-.1*r.y)/sqrt(j))i+=.2;o=sqrt(tanh(.1*o));

"Bokeh 2"
for(float i=fract(-t/.1),j;i<1e2;o+=(cos((j=round(i+t/.1))+vec4(0,1,2,3))+1.)*exp(cos(j=tan(j*9.))*cos(.3*t/j))*smoothstep(j=j*j+3.,-j,length(FC.xy-r*.5+r*tan(j/.1+vec2(0,8))/i)-r.y/i)/sqrt(j))i+=.2;o=sqrt(tanh(.1*o));

twigl.app twigl.app is an online editor for One tweet shader, with gif or webm generator and sound shader.

Demo:
twigl.app?ol=true&ss=-...

"Bokeh"
vec2 p=FC.xy/r.y;for(float i,f,g;i++<9.;o+=(cos(p.y+p.x/.6+g+vec4(0,1,2,0))+1.)*smoothstep(-9.,9.,(.3-length(cos(p++/.3+t*.2)))*r.y/exp(f=sin(i)*i+i))/exp(f/3.+sin(i+g+t))*(g=cos(p/.4).x)*g)p*=mat2(8,-6,6,8)/9.;o=sqrt(tanh(.2*o));

twigl.app twigl.app is an online editor for One tweet shader, with gif or webm generator and sound shader.

My demo code:

vec2 p=FC.xy/r;
o=cos(p.x*PI2-vec4(0,2,4,0))*.5+.5;
o+=max(2.-.5*abs(p.y-o)/fwidth(p.y-o),0.);

twigl.app?ol=true&ss=-...

Inigo Quilez Articles on computer graphics, math and art

Here's iq's explainer
iquilezles.org/articles/pal...

Cosine ranges from -1.0 to +1.0, so multiplying by 0.5 puts it in the [-0.5, +0.5] range, and adding 0.5 gives it the expected [0.0, 1.0] range.
The hue input should be between 0.0 to Tau (pi*2 or 6.2831...)

color = cos(hue - vec3(0,2,4)) * 0.5 + 0.5

Turning sine waves to color:

color = cos(hue + vec3(0,1,2)) * 0.5 + 0.5

Shadertoy

Hey! Sounds fun. There are good examples on ShaderToy:
www.shadertoy.com/view/Md2GzR

It is a sine wave:
cos(p/v)*v
I vary the frequency for each axis and rotate the yaw with each layer

twigl.app twigl.app is an online editor for One tweet shader, with gif or webm generator and sound shader.

Live demo:
twigl.app?ol=true&ss=-...

"ATC"
vec3 p,v=vec3(1,2,6);for(float i,z,d,f;i++<5e1;o.rgb+=(cos((p.x+z+v)*.1)+1.)/d/f/z)p=z*normalize(FC.rgb*2.-r.xyy),p.xz*=mat2(cos((p+sin(p)).y*.4+vec4(0,33,11,0))),p.x+=t/.2,z+=d=length(cos(p/v)*v+v.zxx/7.)/(f=2.+d/exp(p.y*.2));o=tanh(.2*o);

Thanks Sheep! I also appreciate your thoughtful replies!

Features packed in this shader:
-Vertical raymarching (fire and rocket together)
-Sky and fire coloring
-Flickering light (using foggy light)
-Smoke on rocket (distorting the SDF)
-Turbulence for fluid fire
-Softened rocket (ellipsoid SDF) and jets of flame (modulated cylinder)
-HDR tonemapping

The biggest legends are Fabrice Neyret (the code golfing GOAT), zozuar (tweet shader king), @iquilezles.bsky.social (best shader artist), mrange (talented code golfer), SnoopethDuckDuck (very talented).

"Cathedral"
vec3 p;for(float i,z,d;i++<5e1;o+=(sin(p.y+vec4(6,1,2,3))+2.)/d/z)p=z*normalize(FC.rgb*2.-r.xyx)+t,z+=d=length(vec2(length(cos(sin(.5*p)+p).xy+1.)-2.,min(d=p.z-t+9.,d*.1)*.5));o=tanh(o/5e1);

The biggest legends are Fabrice Neyret (the code golfing GOAT), zozuar (tweet shader king), @iquilezles.bsky.social (best shader artist), mrange (talented code golfer), SnoopethDuckDuck (very talented).

Xor on X: "Step 1: I started with modified "Phosphor 3" https://t.co/uZAaJXiTKf" / X Step 1: I started with modified "Phosphor 3" https://t.co/uZAaJXiTKf

Live demo:
twigl.app?ol=true&ss=-...
I posted my steps here:
x.com/XorDev/statu...

"LAUNCH"
for(float i,z,d,f;i++<1e2;o+=vec4(3,1,d,z/f)/z){vec3 v=vec3(0,-2,7),p=z*normalize(FC.rgb*2.-r.xyx)+v,a=p;a.y*=.3;for(d=1.;d++<9.;)a-=.1*sin((a.zxy+t*v+d)*d)*p.y/d;z+=d=min(max(-p.y,length(a)-2.),f=.2+abs(length(a.xz-cos(a.zx*6.))+max(p.y/.1,-.6)))/8.;}o=tanh(o*o.a/1e3);

Feels too dark
"Radial 2B"
vec2 p=FC.xy-r*.5;for(float i,a;i++<9.;o+=.03/(max(a=i*i/8e1-length(p)/r.y,-a*3.)+2./r.y)*smoothstep(a=cos(i-t),2.,cos(a=atan(p.y,p.x)+a+i*i))*(1.2+sin(a+i+vec4(0,2,4,0))));o=tanh(o);

"Neutrino"
for(float i,z,d,s;i++<2e2;o+=(cos(s+vec4(0,2,4,0))+2.)/d/s){vec3 v=vec3(.3,.7,2),p=z*normalize(FC.rgb*2.-r.xyy),a=normalize(cos(v-t+s));p.z+=9.,s=length(a=a*dot(a,p)-cross(a,p)),z+=d=.03+abs(length(sin(a*v+v)/v)-2.)/7.;}o=tanh(o*o/2e6);

"Radial 2"
vec2 p=FC.xy-r*.5;for(float i,a;i++<9.;o+=.01/(max(a=i*i/8e1-length(p)/r.y,-a*3.)+2./r.y)*smoothstep(a=cos(i-t),2.,cos(a=atan(p.y,p.x)+a+i*i))*(1.2+sin(a+i+vec4(0,2,4,0))));o=tanh(o);

"Radial"
vec2 p=FC.xy-r*.5;for(float i,a;i++<7.;o+=.02/(max(a=length(p)/r.y-i*i/5e1,-a*4.)+2./r.y)*smoothstep(0.,.6,cos(a=atan(p.y,p.x)*3.+t*sin(i*i)+i*i))*(1.+sin(a-i+vec4(0,.2,.5,0))));o=tanh(o);

Speak

Compare to original upload
bsky.app/profile/xord...

Vibe code a good shader

a glowy sphere shader thing

I made a very pretty mistake

I will have to test this!

twigl.app twigl.app is an online editor for One tweet shader, with gif or webm generator and sound shader.

Reduced the noise, tweaked the motion and trailing, new coloring and other small tweaks.
Demo:
twigl.app?ol=true&ss=-...