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 просмотров

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 просмотров

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 просмотров

"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 просмотров

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 просмотров

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 просмотров

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 просмотров

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 просмотров

"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 просмотров

"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 просмотров

"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 просмотров

"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 просмотров

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

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

13,068 просмотров

"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 просмотров

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 просмотров

"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 просмотров

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 просмотров • 1 месяц назад

New Portfolio
0:33
XorDev's profile picture

New Portfolio

Xor

10,564 просмотров • 7 дней назад

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 просмотров • 1 месяц назад

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 просмотров • 1 месяц назад

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

Introducing FragCoord: My ultimate shader editing tool!

Xor

137,201 просмотров • 8 месяцев назад

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 просмотров • 1 месяц назад

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 просмотров • 5 месяцев назад

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 просмотров • 1 месяц назад

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 просмотров • 1 месяц назад

I Eat Pixels
0:31
XorDev's profile picture

I Eat Pixels

Xor

39,971 просмотров • 3 месяцев назад

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 просмотров • 1 год назад

"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 просмотров • 2 лет назад

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

"Rainbow Travel" by noztol

Xor

24,284 просмотров • 5 месяцев назад

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 просмотров • 3 месяцев назад

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 просмотров • 6 месяцев назад

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 просмотров • 1 год назад

"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 просмотров • 1 год назад

"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 просмотров • 1 год назад