Xor's banner
Xor's profile picture

Xor

@XorDev • 41,346 subscribers

Shader Artist. Building https://t.co/kaSRjYH3hX

Shorts

SHOPIFY SPHERE SHADER BREAKDOWN Here is how we rendered 8k 60fps video live on the sphere:

SHOPIFY SPHERE SHADER BREAKDOWN Here is how we rendered 8k 60fps video live on the sphere:

185,381 views

for(float i,z,d,f;i++<1e2;o+=vec4(4,6,8.+z,0)/f-min(dFdx(z)*r.y+z,0.)/exp(d*d/.1)){vec3 p=z*(FC.rgb*2.-r.xyy)/r.y,c=p;p.z+=8.;c.z*=3.;for(f=1.;f++<9.;c+=sin(c.yzx*f+z+t*.5)/f);z+=min(f=.1+abs(.2*c.y+abs(p.y+.8)),d=max(length(p)-3.,.9-length(p-vec3(-1,1,3))))/7.;}o=tanh(o/2e3);

for(float i,z,d,f;i++<1e2;o+=vec4(4,6,8.+z,0)/f-min(dFdx(z)*r.y+z,0.)/exp(d*d/.1)){vec3 p=z*(FC.rgb*2.-r.xyy)/r.y,c=p;p.z+=8.;c.z*=3.;for(f=1.;f++<9.;c+=sin(c.yzx*f+z+t*.5)/f);z+=min(f=.1+abs(.2*c.y+abs(p.y+.8)),d=max(length(p)-3.,.9-length(p-vec3(-1,1,3))))/7.;}o=tanh(o/2e3);

166,930 views

Fever f z,d @(70) { f3 p = z * nor(2*C.rgb - R.xyy) p.xy *= mat2(cos(z*.5+f4(,33,11,))) p.z-=T; d=2; @(5) d+=d, p += sin(p.yzx*d+z) / d z += min(abs(cos(p.y)),d=len(1/tan(p.xz)))/4; O += f4(1.1+sin(p),)/d } O = tanh(O / 2e2)

Fever f z,d @(70) { f3 p = z * nor(2*C.rgb - R.xyy) p.xy *= mat2(cos(z*.5+f4(,33,11,))) p.z-=T; d=2; @(5) d+=d, p += sin(p.yzx*d+z) / d z += min(abs(cos(p.y)),d=len(1/tan(p.xz)))/4; O += f4(1.1+sin(p),)/d } O = tanh(O / 2e2)

23,553 views

"Dust" Here's an infinite, mathematically generated space station with volumetric shadows in just 439 characters of code!

"Dust" Here's an infinite, mathematically generated space station with volumetric shadows in just 439 characters of code!

179,630 views

Aliasing vs anti-aliasing. On the left, we simply test if a pixel center (in green) is inside the circle (red). On the right, we check how close the pixel is to the circle edge and blend one pixel width.

Aliasing vs anti-aliasing. On the left, we simply test if a pixel center (in green) is inside the circle (red). On the right, we check how close the pixel is to the circle edge and blend one pixel width.

92,465 views

Event 2 vec2 p=(FC.xy*2.-r)/r.y/.3,v;for(float i,l,f;i++<9.;o+=.1/abs(l=dot(p,p)-5.-2./v.y)*(cos(i/3.+.1/l+vec4(1,2,3,4))+1.))for(v=p,f=0.;f++<9.;v+=sin(ceil(v.yx*f+i*.3)+r-t/2.)/f);o=max(tanh(o+(o=texture(b,(FC.xy+r.y*.04*sin(FC.xy+FC.yx/.6))/r))*o),.0);

Event 2 vec2 p=(FC.xy*2.-r)/r.y/.3,v;for(float i,l,f;i++<9.;o+=.1/abs(l=dot(p,p)-5.-2./v.y)*(cos(i/3.+.1/l+vec4(1,2,3,4))+1.))for(v=p,f=0.;f++<9.;v+=sin(ceil(v.yx*f+i*.3)+r-t/2.)/f);o=max(tanh(o+(o=texture(b,(FC.xy+r.y*.04*sin(FC.xy+FC.yx/.6))/r))*o),.0);

41,931 views

void mainImage(out vec4 o, vec2 f){float c=cos(iTime),s=sin(iTime),a=iResolution.y,z=-a,i,d;f=2.*f/a-1.;vec3 p;for(o*=i;i++<1e2;o+=(sin(p.x/.2+z/.1+vec4(0,1,2,3))+1.)/d)p=vec3(f.x*c-z*s,f.y,z*c+f*s),a=length(p.xy)-.6,z+=d=.01+.3*abs(sqrt(a*a+p*p).z-.3);o=tanh(o*o/7e6);}

void mainImage(out vec4 o, vec2 f){float c=cos(iTime),s=sin(iTime),a=iResolution.y,z=-a,i,d;f=2.*f/a-1.;vec3 p;for(o*=i;i++<1e2;o+=(sin(p.x/.2+z/.1+vec4(0,1,2,3))+1.)/d)p=vec3(f.x*c-z*s,f.y,z*c+f*s),a=length(p.xy)-.6,z+=d=.01+.3*abs(sqrt(a*a+p*p).z-.3);o=tanh(o*o/7e6);}

65,358 views

View from my room! Should I write a tech breakdown of the effects?

View from my room! Should I write a tech breakdown of the effects?

47,622 views

"Caustics" in 146 chars of #GLSL vec2 p=FC.xy/r.y*2e1+t;for(float i;i++<8.;)p+=sin(p+t/.2+i)*.4,p*=mat2(6,-8,8,6)/9.;o=vec4(tanh(length(fwidth(sin(p*.3)/.1))),texture(b,FC.xy/r));

"Caustics" in 146 chars of #GLSL vec2 p=FC.xy/r.y*2e1+t;for(float i;i++<8.;)p+=sin(p+t/.2+i)*.4,p*=mat2(6,-8,8,6)/9.;o=vec4(tanh(length(fwidth(sin(p*.3)/.1))),texture(b,FC.xy/r));

101,129 views

"Waveform" for(float i,d,z,f;i++<9e1;o+=(cos(z*.5+t+vec4(0,2,4,3))+1.3)/d/z){vec3 p=z*normalize(FC.rgb*2.-r.xyy)+1.;f=max(-p.y,0.);p.y+=f+f;for(d=1.;d<3e1;d+=d)p.y+=cos(p*d+2.*t*cos(d)+z).x/d;z+=d=(.1*f+abs(p.y-1.)/(++f*f)+max(d=p.z+3.,-d*.1))/8.;}o=tanh(o/9e2);

"Waveform" for(float i,d,z,f;i++<9e1;o+=(cos(z*.5+t+vec4(0,2,4,3))+1.3)/d/z){vec3 p=z*normalize(FC.rgb*2.-r.xyy)+1.;f=max(-p.y,0.);p.y+=f+f;for(d=1.;d<3e1;d+=d)p.y+=cos(p*d+2.*t*cos(d)+z).x/d;z+=d=(.1*f+abs(p.y-1.)/(++f*f)+max(d=p.z+3.,-d*.1))/8.;}o=tanh(o/9e2);

46,883 views

"Shooting Stars" in 164 chars #つぶやきGLSL vec2 p,b=vec2(0,.2);for(float i=.9;i++<20.;)o+=1e-3/length(clamp(p=rotate2D(i)*(fract((FC.xy/r.y*i*.2+t*b)*rotate2D(i))-.5),-b,b)-p)*(cos(p.y/.1+vec4(0,1,2,3))+1.); Demo:

"Shooting Stars" in 164 chars #つぶやきGLSL vec2 p,b=vec2(0,.2);for(float i=.9;i++<20.;)o+=1e-3/length(clamp(p=rotate2D(i)*(fract((FC.xy/r.y*i*.2+t*b)*rotate2D(i))-.5),-b,b)-p)*(cos(p.y/.1+vec4(0,1,2,3))+1.); Demo:

75,347 views

"Storm" in 238 bytes: for(float i,z,d,s;i++<1e2;o+=vec4(.2/d,9,2,1)/d){vec3 p=z*normalize(FC.rgb*2.-r.xyy),a=p;p.z+=7.;s=length(p); for(d=0.;d++<9.;a+=sin(a*d-t).yzx/d); z+=d=length(vec4(sin(s+s-t/.1+a*sin(a.yzx/3.+t))+.9,min(s-=4.,-s/.1)*.4))*.1;} o=tanh(o/8e3);

"Storm" in 238 bytes: for(float i,z,d,s;i++<1e2;o+=vec4(.2/d,9,2,1)/d){vec3 p=z*normalize(FC.rgb*2.-r.xyy),a=p;p.z+=7.;s=length(p); for(d=0.;d++<9.;a+=sin(a*d-t).yzx/d); z+=d=length(vec4(sin(s+s-t/.1+a*sin(a.yzx/3.+t))+.9,min(s-=4.,-s/.1)*.4))*.1;} o=tanh(o/8e3);

29,186 views

3D Camera uniforms for easily setup in any raymarching/raytracing shader

3D Camera uniforms for easily setup in any raymarching/raytracing shader

13,068 views

"Siri" vec3 p,a;for(float i,z,d,s;z+i++<2e2;o+=max(cos(p.x*.4+vec4(0,2,4,0)),5./s/s)/d/d)p=z*normalize(FC.rgb*2.-r.xyy),p.z+=9.,s=length(p=dot(a=normalize(cos(vec3(0,2,4)-t*.5+s*.3)),p)*a-cross(a,p)),z+=d=min(abs(dot(p,sin(p).yzx))*.2+max(d=s-5.,.1),abs(--d)+.2)*.2;o=tanh(o/3e4);

"Siri" vec3 p,a;for(float i,z,d,s;z+i++<2e2;o+=max(cos(p.x*.4+vec4(0,2,4,0)),5./s/s)/d/d)p=z*normalize(FC.rgb*2.-r.xyy),p.z+=9.,s=length(p=dot(a=normalize(cos(vec3(0,2,4)-t*.5+s*.3)),p)*a-cross(a,p)),z+=d=min(abs(dot(p,sin(p).yzx))*.2+max(d=s-5.,.1),abs(--d)+.2)*.2;o=tanh(o/3e4);

20,194 views

Orchard vec3 p,v=normalize(FC.rgb*2.-r.xyx),c=v/v.y;c.z+=.5*t;for(float z,i,b,g,m;i++<5e1;z+=.8*max(b=length((p.y-m)/1e2/(abs(sin(c.xz/.1))-.05/v.y)),min(4.-m,g=length(sin(p.xz)+1.-.1*(1.+sin(p.y-p.zx*.5))*m))-b),o.rgb+=(.7-v)/(g+b))p=z*v+1.,p.z-=t,m=abs(++p.y);o=tanh(o/5e2);

Orchard vec3 p,v=normalize(FC.rgb*2.-r.xyx),c=v/v.y;c.z+=.5*t;for(float z,i,b,g,m;i++<5e1;z+=.8*max(b=length((p.y-m)/1e2/(abs(sin(c.xz/.1))-.05/v.y)),min(4.-m,g=length(sin(p.xz)+1.-.1*(1.+sin(p.y-p.zx*.5))*m))-b),o.rgb+=(.7-v)/(g+b))p=z*v+1.,p.z-=t,m=abs(++p.y);o=tanh(o/5e2);

12,216 views

"Voxel AO" in #GLSL #define M (dot(cos(v.zxy*.1),sin(v*F4))-v.y*.1) vec3 R=normalize(r.x*.51-FC.xyz),d=sign(R),p=vec3(cos(r+t)-2e1,t/.1),v=round(p),l=(v-p+.5*d)/R,i,A,P;for(;i.x<2e2&&M>.3;i++)A=step(P=l,min(l.yzx,l.zxy)),v+=d*A,l+=d/R*A;v=p+dot(P,A)*R;o.rgb=mix(M*A/.4,i/=2e2,i);

"Voxel AO" in #GLSL #define M (dot(cos(v.zxy*.1),sin(v*F4))-v.y*.1) vec3 R=normalize(r.x*.51-FC.xyz),d=sign(R),p=vec3(cos(r+t)-2e1,t/.1),v=round(p),l=(v-p+.5*d)/R,i,A,P;for(;i.x<2e2&&M>.3;i++)A=step(P=l,min(l.yzx,l.zxy)),v+=d*A,l+=d/R*A;v=p+dot(P,A)*R;o.rgb=mix(M*A/.4,i/=2e2,i);

29,259 views

Videos

LIVE
1.2k

Anya Rossi

sweetdream.ai

SweetDream.aiSponsored•Livecam
Streaming Now

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

HD live stream
Exclusive private shows
1.2k viewers online

Free preview available • Premium content

Cauldron f z, d @(40) { f3 p = z * nor(2*C.rgb - R.xyy) p.zy+=3 d=2; @(7) d/=.8, p +=.6*p.y*cos(p.yzx * d - f3(T,,)*6) / d z += d = .02 + abs(len(p.xz) + p.y*.4 -1) / 9 O += (sin(f4(5,0,2,)-p.y) + 2) / d } O = tanh(O*O / 15e5)
0:31
XorDev's profile picture

Cauldron f z, d @(40) { f3 p = z * nor(2*C.rgb - R.xyy) p.zy+=3 d=2; @(7) d/=.8, p +=.6*p.y*cos(p.yzx * d - f3(T,,)*6) / d z += d = .02 + abs(len(p.xz) + p.y*.4 -1) / 9 O += (sin(f4(5,0,2,)-p.y) + 2) / d } O = tanh(O*O / 15e5)

Xor

158,544 views • 1 month ago

New Portfolio
0:33
XorDev's profile picture

New Portfolio

Xor

10,564 views • 7 days ago

Wave f z,d @(20) { f3 p = z * nor(2*C.rgb - R.xyy); d=4; @(6) d+=d, p = p.yzx+sin(p * d - T) / d; z += .1-len(p)/9; O += z*z*f4(2-sin(p*5),)/(.001+len(f4(sin(p*33)/99,p))) } O = tanh(O / 4e2)
0:31
XorDev's profile picture

Wave f z,d @(20) { f3 p = z * nor(2*C.rgb - R.xyy); d=4; @(6) d+=d, p = p.yzx+sin(p * d - T) / d; z += .1-len(p)/9; O += z*z*f4(2-sin(p*5),)/(.001+len(f4(sin(p*33)/99,p))) } O = tanh(O / 4e2)

Xor

41,596 views • 1 month ago

Archive f z,d @(99) { f3 p = z * nor(2*C.rgb - R.xyy) p.z-=T; d=1; @(5) d+=d, p += sin(p*d+p.z*d) / d z += d = .1*len(1+p.xy*sin(p.z+vec2(,2))); O += (.7-p.y/z*f4(,1,2,))/d } O = tanh(O / 2e3)
0:31
XorDev's profile picture

Archive f z,d @(99) { f3 p = z * nor(2*C.rgb - R.xyy) p.z-=T; d=1; @(5) d+=d, p += sin(p*d+p.z*d) / d z += d = .1*len(1+p.xy*sin(p.z+vec2(,2))); O += (.7-p.y/z*f4(,1,2,))/d } O = tanh(O / 2e3)

Xor

34,515 views • 1 month ago

Introducing FragCoord: My ultimate shader editing tool!
9:02
XorDev's profile picture

Introducing FragCoord: My ultimate shader editing tool!

Xor

137,201 views • 8 months ago

Cyclone f z,d,a; @(90){f3 p=z*nor(2*C.rgb-R.xyy),t; p.z+=9,t=p,a=(p.y-len(p.xz))/2,p.xz*=m2(cos(a+f4(,5,8,))),d=2; @(7)d/=.9,p+=sin(p.yzx*d-f3(T,,)*6)/d;z+=d=min(len(p.xz),8-abs(p.y))/15/(2+cos(a-T)); O+=f4(7,5,z,)*d/len(t.xz+(p.xz/2+3)*sin(T-a))} O=tanh(O*O/1e3)
0:31
XorDev's profile picture

Cyclone f z,d,a; @(90){f3 p=z*nor(2*C.rgb-R.xyy),t; p.z+=9,t=p,a=(p.y-len(p.xz))/2,p.xz*=m2(cos(a+f4(,5,8,))),d=2; @(7)d/=.9,p+=sin(p.yzx*d-f3(T,,)*6)/d;z+=d=min(len(p.xz),8-abs(p.y))/15/(2+cos(a-T)); O+=f4(7,5,z,)*d/len(t.xz+(p.xz/2+3)*sin(T-a))} O=tanh(O*O/1e3)

Xor

24,115 views • 1 month ago

Built a tool for producing themed backgrounds for my church. Would anyone be interested in something like this?
0:32
XorDev's profile picture

Built a tool for producing themed backgrounds for my church. Would anyone be interested in something like this?

Xor

74,458 views • 5 months ago

f z,d,i,b;@(80) {f3 p=z*nor(2*C.rgb-R.xyy)-1;p.z-=T;b=cos(z+T)**2;i=d=-7;@(5)d/=.7,p+=b*cos(p.zxy*d-z*f3(,,9))/40;@(5)i/=2,d=max(d,min(p=ab(mod(--p+i,i+i)-i)+i/4,min(p.y,p.z)).x),p.xz*=.1*m2(8,-6,6,8);z+=d=(1e-4+ab(d))/(2+z*b);O+=f4(8-b,2,1,)/sqt(d)/z*b*b;} O=tanh(O/2e3)
0:31
XorDev's profile picture

f z,d,i,b;@(80) {f3 p=z*nor(2*C.rgb-R.xyy)-1;p.z-=T;b=cos(z+T)**2;i=d=-7;@(5)d/=.7,p+=b*cos(p.zxy*d-z*f3(,,9))/40;@(5)i/=2,d=max(d,min(p=ab(mod(--p+i,i+i)-i)+i/4,min(p.y,p.z)).x),p.xz*=.1*m2(8,-6,6,8);z+=d=(1e-4+ab(d))/(2+z*b);O+=f4(8-b,2,1,)/sqt(d)/z*b*b;} O=tanh(O/2e3)

Xor

20,023 views • 1 month ago

Grace f z,d @(30) { f3 p = z * nor(2*C.rgb - R.xyy),t = p d=4; @(6) d/=.8, p += sin(p.yzx * d + z + T) / d;z += (3-len(p.xz))/9;O += f4(9,7,4,1)/(abs(t.x*(t.y-.8))+abs(t.z+3)*.5) } O = tanh(O*O / 3e5)
0:31
XorDev's profile picture

Grace f z,d @(30) { f3 p = z * nor(2*C.rgb - R.xyy),t = p d=4; @(6) d/=.8, p += sin(p.yzx * d + z + T) / d;z += (3-len(p.xz))/9;O += f4(9,7,4,1)/(abs(t.x*(t.y-.8))+abs(t.z+3)*.5) } O = tanh(O*O / 3e5)

Xor

27,763 views • 1 month ago

I Eat Pixels
0:31
XorDev's profile picture

I Eat Pixels

Xor

39,971 views • 3 months ago

Blackhole in 350 characters of #GLSL: vec2 p=(FC.xy*2.-r)/r.y/.7,d=vec2(-1,1),c=p*mat2(1,1,d/(.1+5./dot(5.*p-d,5.*p-d))),v=c;v*=mat2(cos(log(length(v))+t*.2+vec4(0,33,11,0)))*5.;for(float i;i++<9.;o+=sin(v.xyyx)+1.)v+=.7*sin(v.yx*i+t)/i+.5;o=1.-exp(-exp(c.x*vec4(.6,-.4,-1,0))/o/(.1+.1*pow(length(sin(v/.3)*.2+c*vec2(1,2))-1.,2.))/(1.+7.*exp(.3*c.y-dot(c,c)))/(.03+abs(length(p)-.7))*.2);
0:31
XorDev's profile picture

Blackhole in 350 characters of #GLSL: vec2 p=(FC.xy*2.-r)/r.y/.7,d=vec2(-1,1),c=p*mat2(1,1,d/(.1+5./dot(5.*p-d,5.*p-d))),v=c;v*=mat2(cos(log(length(v))+t*.2+vec4(0,33,11,0)))*5.;for(float i;i++<9.;o+=sin(v.xyyx)+1.)v+=.7*sin(v.yx*i+t)/i+.5;o=1.-exp(-exp(c.x*vec4(.6,-.4,-1,0))/o/(.1+.1*pow(length(sin(v/.3)*.2+c*vec2(1,2))-1.,2.))/(1.+7.*exp(.3*c.y-dot(c,c)))/(.03+abs(length(p)-.7))*.2);

Xor

83,261 views • 1 year ago

"Caustics" in 146 chars of #GLSL vec2 p=FC.xy/r.y*2e1+t;for(float i;i++&lt;8.;)p+=sin(p+t/.2+i)*.4,p*=mat2(6,-8,8,6)/9.;o=vec4(tanh(length(fwidth(sin(p*.3)/.1))),texture(b,FC.xy/r));
0:20
XorDev's profile picture

"Caustics" in 146 chars of #GLSL vec2 p=FC.xy/r.y*2e1+t;for(float i;i++&lt;8.;)p+=sin(p+t/.2+i)*.4,p*=mat2(6,-8,8,6)/9.;o=vec4(tanh(length(fwidth(sin(p*.3)/.1))),texture(b,FC.xy/r));

Xor

101,129 views • 2 years ago

"Rainbow Travel" by noztol
0:30
XorDev's profile picture

"Rainbow Travel" by noztol

Xor

24,284 views • 5 months ago

RADAR f4 p = rnd(C*.1)/.1-R.xyyy/2 O = .005/modf((atn(p.y,p.x)+T-f4(,.01,.02,))/6.3+1,O)/frc(dot(p+O,sin(p.yxyx/R.y)));
0:31
XorDev's profile picture

RADAR f4 p = rnd(C*.1)/.1-R.xyyy/2 O = .005/modf((atn(p.y,p.x)+T-f4(,.01,.02,))/6.3+1,O)/frc(dot(p+O,sin(p.yxyx/R.y)));

Xor

18,551 views • 3 months ago

Erosion demo based on Rune Skovbo Johansen →🦋🐘's work
0:30
XorDev's profile picture

Erosion demo based on Rune Skovbo Johansen →🦋🐘's work

Xor

27,989 views • 6 months ago

Introducing GLSL Captcha. Pass the test by guessing the correct output for the GLSL shader code:
0:24
XorDev's profile picture

Introducing GLSL Captcha. Pass the test by guessing the correct output for the GLSL shader code:

Xor

54,054 views • 1 year ago

"Starship [332]" is now on ShaderToy with comments to explain how it works:
0:24
XorDev's profile picture

"Starship [332]" is now on ShaderToy with comments to explain how it works:

Xor

60,792 views • 1 year ago

"Vectors" for(float i,z,d;i++&lt;7e1;o+=vec4(9,i,z,1)/d){vec3 p=z*normalize(FC.rgb*2.-r.xyy),a=normalize(sin(t/4.+vec3(0,2,4))),v;p.z+=7.;v=a=dot(a,p)*a+cross(a,p); for(d=2.;d++&lt;9.;a+=sin(ceil(a*d)-t).yzx/d);z+=d=.1*length(sin(a*a))*sqrt(length(v*sin(v.yzx)));} o=tanh(o/6e4);
0:25
XorDev's profile picture

"Vectors" for(float i,z,d;i++&lt;7e1;o+=vec4(9,i,z,1)/d){vec3 p=z*normalize(FC.rgb*2.-r.xyy),a=normalize(sin(t/4.+vec3(0,2,4))),v;p.z+=7.;v=a=dot(a,p)*a+cross(a,p); for(d=2.;d++&lt;9.;a+=sin(ceil(a*d)-t).yzx/d);z+=d=.1*length(sin(a*a))*sqrt(length(v*sin(v.yzx)));} o=tanh(o/6e4);

Xor

38,231 views • 1 year ago