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 görüntüleme

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(dd/.1)){vec3 p=z(FC.rgb2.-r.xyy)/r.y,c=p;p.z+=8.;c.z=3.;for(f=1.;f++<9.;c+=sin(c.yzxf+z+t.5)/f);z+=min(f=.1+abs(.2c.y+abs(p.y+.8)),d=max(length(p)-3.,.9-length(p-vec3(-1,1,3))))/7.;}o=tanh(o/2e3);

166,930 görüntüleme

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(2C.rgb - R.xyy) p.xy = mat2(cos(z.5+f4(,33,11,))) p.z-=T; d=2; @(5) d+=d, p += sin(p.yzxd+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 görüntüleme

"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 görüntüleme

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 görüntüleme

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.xy2.-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.yxf+i.3)+r-t/2.)/f);o=max(tanh(o+(o=texture(b,(FC.xy+r.y.04sin(FC.xy+FC.yx/.6))/r))*o),.0);

41,931 görüntüleme

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.xc-zs,f.y,zc+fs),a=length(p.xy)-.6,z+=d=.01+.3abs(sqrt(aa+pp).z-.3);o=tanh(oo/7e6);}

65,358 görüntüleme

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 görüntüleme

"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.y2e1+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 görüntüleme

"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=znormalize(FC.rgb2.-r.xyy)+1.;f=max(-p.y,0.);p.y+=f+f;for(d=1.;d<3e1;d+=d)p.y+=cos(pd+2.tcos(d)+z).x/d;z+=d=(.1f+abs(p.y-1.)/(++ff)+max(d=p.z+3.,-d*.1))/8.;}o=tanh(o/9e2);

46,883 görüntüleme

$"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.yi.2+tb)rotate2D(i))-.5),-b,b)-p)(cos(p.y/.1+vec4(0,1,2,3))+1.); Demo:

75,347 görüntüleme

"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=znormalize(FC.rgb2.-r.xyy),a=p;p.z+=7.;s=length(p); for(d=0.;d++<9.;a+=sin(ad-t).yzx/d); z+=d=length(vec4(sin(s+s-t/.1+asin(a.yzx/3.+t))+.9,min(s-=4.,-s/.1).4)).1;} o=tanh(o/8e3);

29,186 görüntüleme

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

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

13,068 görüntüleme

"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=znormalize(FC.rgb2.-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 görüntüleme

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.rgb2.-r.xyx),c=v/v.y;c.z+=.5t;for(float z,i,b,g,m;i++<5e1;z+=.8max(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 görüntüleme

"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(vF4))-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+.5d)/R,i,A,P;for(;i.x<2e2&&M>.3;i++)A=step(P=l,min(l.yzx,l.zxy)),v+=dA,l+=d/RA;v=p+dot(P,A)R;o.rgb=mix(M*A/.4,i/=2e2,i);

29,259 görüntüleme

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

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

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

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)

Cauldron f z, d @(40) { f3 p = z * nor(2C.rgb - R.xyy) p.zy+=3 d=2; @(7) d/=.8, p +=.6p.ycos(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)

158,544 görüntüleme • 1 ay önce

New Portfolio

New Portfolio

10,564 görüntüleme • 7 gün önce

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)

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

41,596 görüntüleme • 1 ay önce

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)

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

34,515 görüntüleme • 1 ay önce

Introducing FragCoord: My ultimate shader editing tool!

Introducing FragCoord: My ultimate shader editing tool!

137,201 görüntüleme • 8 ay önce

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)

Cyclone f z,d,a; @(90){f3 p=znor(2C.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.yzxd-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(OO/1e3)

24,115 görüntüleme • 1 ay önce

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

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

74,458 görüntüleme • 5 ay önce

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)

f z,d,i,b;@(80) {f3 p=znor(2C.rgb-R.xyy)-1;p.z-=T;b=cos(z+T)**2;i=d=-7;@(5)d/=.7,p+=bcos(p.zxyd-zf3(,,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=.1m2(8,-6,6,8);z+=d=(1e-4+ab(d))/(2+zb);O+=f4(8-b,2,1,)/sqt(d)/zbb;} O=tanh(O/2e3)

20,023 görüntüleme • 1 ay önce

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)

Grace f z,d @(30) { f3 p = z * nor(2C.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)

27,763 görüntüleme • 1 ay önce

I Eat Pixels

I Eat Pixels

39,971 görüntüleme • 3 ay önce

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);

Blackhole in 350 characters of #GLSL: vec2 p=(FC.xy2.-r)/r.y/.7,d=vec2(-1,1),c=pmat2(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+=.7sin(v.yxi+t)/i+.5;o=1.-exp(-exp(c.xvec4(.6,-.4,-1,0))/o/(.1+.1pow(length(sin(v/.3).2+cvec2(1,2))-1.,2.))/(1.+7.exp(.3c.y-dot(c,c)))/(.03+abs(length(p)-.7)).2);

83,261 görüntüleme • 1 yıl önce

"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.y2e1+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 görüntüleme • 2 yıl önce

"Rainbow Travel" by noztol

"Rainbow Travel" by noztol

24,284 görüntüleme • 5 ay önce

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)));

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)));

18,551 görüntüleme • 3 ay önce

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

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

27,989 görüntüleme • 6 ay önce

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

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

54,054 görüntüleme • 1 yıl önce

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

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

60,792 görüntüleme • 1 yıl önce

"Vectors" for(float i,z,d;i++<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++<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);

"Vectors" for(float i,z,d;i++<7e1;o+=vec4(9,i,z,1)/d){vec3 p=znormalize(FC.rgb2.-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++<9.;a+=sin(ceil(ad)-t).yzx/d);z+=d=.1length(sin(aa))sqrt(length(vsin(v.yzx)));} o=tanh(o/6e4);

38,231 görüntüleme • 1 yıl önce