Xor
@XorDev
Followers
15,612
Following
716
Media
2,447
Statuses
16,755
Explore trending content on Musk Viewer
Se o Twitter
• 421632 Tweets
#MaybellineTeddyLand
• 339706 Tweets
Peter
• 208284 Tweets
#jjk268
• 204593 Tweets
台風の影響
• 180019 Tweets
TEDDYTINT X CHARLOTTE
• 118337 Tweets
#MAYBELLINExCHARLOTTE
• 110402 Tweets
Sukuna
• 99171 Tweets
Megumi
• 88506 Tweets
Karime
• 82289 Tweets
Lali
• 74383 Tweets
デコピン
• 70036 Tweets
Gojo
• 69757 Tweets
Yuji
• 69227 Tweets
TEDDYTINT X FAYE
• 62621 Tweets
Yuta
• 61803 Tweets
焼肉の日
• 45891 Tweets
TEDDYTINT X LOOKKAEW
• 45426 Tweets
Gomita
• 37646 Tweets
Luciano
• 35126 Tweets
安全第一
• 31301 Tweets
मेजर ध्यानचंद
• 24469 Tweets
राष्ट्रीय खेल
• 24238 Tweets
#NationalSportsDay
• 22813 Tweets
Goma
• 19507 Tweets
臨時休業
• 19288 Tweets
伯仲燦然
• 17486 Tweets
徳川美術館
• 16190 Tweets
Uraume
• 16145 Tweets
VisiPRABOWO
• 13285 Tweets
PAGTATAGDocu TopMovieInPH
• 12852 Tweets
MENUJUbangsa MAJUsejahtera
• 12731 Tweets
Bruno Henrique
• 10732 Tweets
Down to 190 characters! #つぶやきGLSL
vec3 p=vec3(t/.1,cos(t+r)),d=r.x/(r.xxy-round(FC.zxy)*2.),a;for(;o.w++<9e2&&snoise3D(a=ceil(p)/28.)+1.>length(a.yz);p+=min(a=fract(-p*sign(d))*abs(d)+1e-4,min(a.y,a.z)).x/d);o.rgb=fwidth(p);
24
364
3K
@todayyearsoldig
Also X percent of Y is just multiplying the two together and dividing by 100.
7% of 11 = 77/100 = 0.77
4% of 20 = 0.80
This method works on any pair of numbers. After all this is what percent means
18
175
3K
"Dust"
Here's an infinite, mathematically generated space station with volumetric shadows in just 439 characters of code!
34
297
3K
#つぶやきGLSL
vec3 i,a,b,p=vec3(t/.1,rotate2D(t)),d=normalize(r.xxy-vec3(0,ivec2(FC*.5+.5)*4));for(;i.x++<9e2&&snoise3D(a=ceil(p+d*step(a,b))/28.)<1.-length(a.zy);)a=sign(d),b+=step(b=fract(-p*a),-b),a*=b/d,b=min(a,min(a.yzx,a.zxy)),p+=d*b;o.rgb=fwidth(p+p);
25
323
2K
2023 update: 181 characters!
Saved 13 characters, but added 4 for compatibility.
vec3 p=vec3(t/.1,cos(t+r)),d=r.yxy-roundEven(FC.zxy)*2.,a;for(;o.w++<9e2&&snoise3D(a)+1.>length(a.yz);a=ceil(p+=min(a=mod(-p,sign(d))/d+1e-7,min(a.y,a.z)).x*d)/28.);o.rgb=fwidth(p);
Down to 190 characters! #つぶやきGLSL
vec3 p=vec3(t/.1,cos(t+r)),d=r.x/(r.xxy-round(FC.zxy)*2.),a;for(;o.w++<9e2&&snoise3D(a=ceil(p)/28.)+1.>length(a.yz);p+=min(a=fract(-p*sign(d))*abs(d)+1e-4,min(a.y,a.z)).x/d);o.rgb=fwidth(p);
24
364
3K
23
163
2K
Let’s take a moment to appreciate the work our GPUs do in milliseconds with minimal errors
14
93
2K
My favorite, simple rotation trick:
angle = time - sin(time);
This makes it smoothly start and stop every 2pi radians.
You can also rotate quarter turns like so
angle = time - sin(time*4.)/4.;
Demo code:
o+=length(max(abs((FC.xy-r*.5)*rotate2D(t-sin(t*4.)/4.))-.3*r.y,0.));
22
173
2K
"Vortex" #つぶやきGLSL
vec2 p=(FC.xy*2.-r)/r.y,v;for(float i=.2,l;i<1.;o+=(cos(i*5.+vec4(0,1,2,3))+1.)*(1.+v.y/(l=length(v)+.003))/l/1e2)v=vec2(mod(atan(p.y,p.x)+i+i*t,PI2)-PI,1)*length(p)-i,v.x-=clamp(v.x+=i,-i,i),i+=.05;o=tanh(o);
9
187
2K
"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:
7
120
1K
If you're new to shaders, you shouldn't start with something complex like god rays, procedural generation or fluid sim.
Your first 5 shaders should probably be:
-Color invert: Invert the RGB color channels
-Desaturate: Average the RGB to get approximate brightness
-Motion
15
129
1K
Are there games in this aesthetic?
89
45
961
NEW "Fractal Texturing" tutorial:
This is the technique I used to detail terrain in my latest project.
ShaderToy Demo:
11
143
932
Fixed it
13
78
922
Additive blending can lead to overexposure/clipping and lead to harsh color changes. Screen blending is smoother. It's done by simply inverting both textures, multiplying and then inverting the results:
screen = 1.0- (1.0 - tex1.rgb) * (1.0 - tex2.rgb);
17
94
896
"Origami" #つぶやきGLSL
o++;vec4 h;vec2 u;for(float A,l,a,i=.6;i>.1;i-=.1)a-=sin(a-=sin(a=(t+i)*4.)),u=(FC.xy*2.-r)/r.y,l=max(length(u-=rotate2D(a/=4.)*clamp(u*rotate2D(a),-i,+i)),.1),A=min((l-.1)*r.y*.2,1.),o=mix(h=sin(i/.1+a+vec4(1,3,5,0))*.2+.7,o,A)*mix(h/h,h+.5*A*u.y/l,.1/l);
9
93
855
Tiny approximation for HSV to RGB color:
rgb = (cos(h*6.3+vec3(0,4,2))*s+2.-s)*v*.5;
16
65
845
How to zoom correctly. Multiply and divide instead of adding/subtracting or just multiplying.
You want scrolling up and down to be equal but opposite. Since 1.2*0.8 = 0.96, scrolling up and down would result in 0.96x scale
16
51
833
"Milky" #つぶやきGLSL
for(float i=-fract(t/.1),j;i++<1e2;o+=(cos((j=round(i+t/.1))*j+vec4(0,1,2,3))+1.)*exp(cos(j*j/.1)/.6)*min(1e3-i/.1+9.,i)/5e4/length((FC.xy-r*.5)/r.y+.05*cos(j*j/F4+vec2(0,5))*sqrt(i)));o=tanh(o*o);
3
81
807
"Accident"
float i,d,s,l,c;for(vec3 p,v;i++<1e2;c+=max(.01-s*s,0.))p=(FC.rgb*2.-r.xyy)/r.x*d,p.z+=5e1,v=abs(cos(atan(p*=rotate3D(t*.3+l,FC.zwz),vec3(p.yx,l=length(p.xy)))*6.)),d+=s=length(vec2(min(v.x,v.z*.1*l),cos(log(l=length(p))*4.)*l*.2))-.3;o=vec4(c,texture(b,FC.xy/r-c/r));
7
112
811
abs(x) is boring.
I like:
max(x*a, -x*b)
which allows you to scale the positive and negative numbers independently
12
58
818
vec2 p=FC.xy*2.-r;for(float i;i++<t/.1;o+=(cos(i+vec4(6,1,2,3))+1.)*r.y/1e2/pow(t,.6)/length(p+.8*r*(abs(mod(vec2(.2,F4)*(t/.1-i)*.4,4.)-2.)-1.)));o*=o;
7
65
764
@hamish_kerr
This is the work of
@kishimisu
and not AI generated
I found a copy of my work labelled as « impressive AI generation » and without any attribution…
I created this animation for my shader coding tutorial a year ago:
107
798
5K
6
16
745
In case you missed it, here's a statement from Russell Kay, Head of GameMaker:
14
76
731
#つぶやきGLSL
vec2 p,q;for(float i,a;i++<3e1;o+=5e-3/(abs(length(q=p*mat2(1,-1,2,2)/(r.y-p-p.yx))-i/4e1)+1./r.y)*clamp(cos(a=atan(q.y,q.x)*ceil(i*.1)+t*sin(i*i)+i*i),.0,.6)*(cos(a-i+vec4(0,1,2,0))+1.))p=FC.xy-r*.6;
Demo:
6
92
715
Graphics effects I have explored:
-Forward rendering
-Deferred rendering
-Normal mapping
-Bump mapping
-Parallax Occlusion mapping
-Screenspace ambient occlusion
-Screenspace shadows
-Screenspace global illumination
-Spatial/temporal denoising
-Area lights
-Voxel raytracing
-SDF
14
38
703
vec2 I=ceil(FC.xy/r.y*40.)-vec2(37,23);float v=I.y,h=dot(I,I),z;o=vec4(240,0,300,0)+I.x-4.*I.y;if (h<2e2){o=vec4(420,0,520,0);I*=(5e3+8.*h)/1e2;z=(I.x-I.y*2.)/1e2+18.;z>0.?o.r+=z*z:z;o=o*(I.y+11e2)/5e3+max(I.x+I.y,0.)*.1;}else
Hello, I present you with the Human Shader, a project where anybody can participate and help create the first ever human-brain-only powered shader and mathematical image! Please join us and be part of history!
102
687
3K
7
57
687
Noise is overrated. All you need is a few layers of a periodic function like sin() and with some rotation and scaling you'll have no visible patterns
for(vec2 p=(FC.xy*2.-r)/r.y*exp(3.-cos(t)),i;i.x<5e1;o+=.01/length(cos(p+i++)))p*=mat2(3,-9,9,3)*.1;o=tanh(o*o);
19
65
675
"Shield" #つぶやきGLSL
for(float i,z;i<1.;i+=.01){vec2 p=(FC.xy*2.-r)/r.y*i,v;p/=.2+sqrt(z=max(1.-dot(p,p),0.))*.3;p.y+=fract(ceil(p.x=p.x/.9+t)*.5)+t*.2;v=abs(fract(p)-.5);o+=vec4(2,3,5,1)/2e3*z/(abs(max(v.x*1.5+v,v+v).y-1.)+.1-i*.09);}o=tanh(o*o);
11
72
658
"Nebula" in 192 bytes:
for(vec3 p;o.a++<1e2;o.r+=.03/o.a/abs(snoise3D(p)+2.*dot(sin(p),cos(p.yzx))))p=vec3(FC.xy*2.-r,r)/r.x*(fsnoise(FC.xy/r)+o.a)*.1,p.y-=1e1,p*=rotate3D(t*.1,r.yyx);o.gb+=texture(b,FC.xy/r).rg/.7;
6
85
655
"Fake fluid" in 118 chars of GLSL
vec2 p=FC.xy/r.y*6.;for(float i;i++<8.;o=sin(p.xyxy*.3+vec4(0,1,2,3))*.5+.5)p.x+=sin(p.y+t*.3+i),p*=mat2(6,-8,8,6)/8.;
12
59
589
Should I recreate this in GameMaker?
NinjaLIVE 1.7 released - sea, sand, volumes and foliage
4K video:
#FluidNinja
#UE4
#UE5
#realtimeVFX
#VFX
#gamedev
63
901
6K
21
26
582
I wanna share some neat numbers I use all the time and what I use them for.
Starting with sqrt(0.5), 0.7071...
The point on a circle at 45 degrees is at (r*hr, r*hr) where r=radius and hr=sqrt(0.5).
To rotate 45 degrees, you can use this 2x2 matrix: mat2(hr, -hr, hr, hr)
6
67
570
I've published 50+ shader tutorials so far.
Topics vary widely, including specific effects, math, abstract concepts, shader theory and algorithms
I hope you find these helpful! I'll give someone who shares this a free subscription for full access
3
125
539
"Rings" #つぶやきGLSL
vec2 i=r/r,p=(FC.xy-r/vec2(-9,9))*mat2(2,1,-2,4)/4e1,l=p/p*length(p);o1+=(snoise2D(l)+snoise2D(p*rotate2D(t*.1))*.3)/l.x*vec4(70,40,30,1);p=p.yy/1e2;for(vec4 S;i.x<16.;i+=1./i)p*=rotate2D(2.4),S=texture(b1,FC.xy/r+p*i/r),o0+=S*=S*=S*=S;o0=sqrt(sqrt(o0)*.1);
10
89
508
To get this, I had to survive this
6
27
505
"Passage" #つぶやきGLSL
for(float i,s,d;i++<1e2;o+=1e-5/(.001-s)){vec3 p=vec3((FC.xy*2.-r)/r.x*d,d-9.)*.7*rotate3D(.7,FC.wzz);d-=s=min(p.z,cos(dot(modf(fract((vec3(atan(p.y,p.x),log(s=length(p.xy)),0)/PI2-t/2e1)*mat3(1,1,0,1,-1,0,p-p))*15.,p),sign(cos(p+p.y)))*PI2)*s/4e1);}
8
54
503
Random point distribution on a unit circle:
//Direction and radius:
d = random(pi*2);
r = sqrt(random(1));
//Point coordinates:
x = r*cos(d);
y = r*sin(d);
7
39
503
I will write a shader with as many characters as likes on this post. You have 72 hours
14
6
464
Starfield #つぶやきGLSL
vec2 p;for(float i,f;i++<1e1;o+=(1e1-f)/max(length(p=mod((FC.xy*2.-r)/r.y*f*rotate2D(i),2.)-1.)+cos(atan(p.y,p.x)*5.+t*cos(i))/3e1-vec4(7,8,9,0)/6e1,.01)/8e2)f=mod(i-t,1e1);
5
48
423
"Voxels 2"
#GLSL
vec3 R=normalize(r.x*.51-FC.xyz),d=sign(R),p=vec3(cos(r+t)-4.,t/.1),v=round(p),l=(v-p+.5*d)/R,i;for(int A;i.x<2e2&&dot(sin(v.zxy*.1),cos(v*F4))+v.y*.1<1.;o.rgb=cos(vec3(A+A)-vec3(0,2,4))+i++/1e2)A=l.x<l.z?l.x<l.y?0:1:l.z<l.y?2:1,v[A]+=d[A],l-=l[A],l[A]=(d/R)[A];
9
39
422
Thanks to you guys and many kind people in the NFT community, we got this removed quickly.
The swift response was much better than I expected.
Gonna rest easy tonight. Good night
7
5
418
vec3 p,d=(r.xxy-vec3(0,FC*2.))/r.y,i,a,c;for(p.x+=t/.1;i.x++<9e2;p+=d*min(a=fract(-abs(p))/abs(d)+1e-4,min(a.yzx,a.zxy)))snoise3D(a=ceil(p)/20.)+1.>length(a.yz)?c:c==-c?d=cos(sin(fsnoise(FC.xy/r+t)*r.xyy)*r.xxy),c=p:i+=9e2;o=texture(b,FC.xy/r)+(d.rgbb+1.)*(length(c-p)*.01-.1);
2
58
399
Using ChatGPT, it appears to have correctly ported my ShaderToy shader to a mathematical equation with the RGB channels plotted in terms of x, and y coordinates!
7
36
411
Who's interested in a shader tutorial covering tips on how to imagine visuals from shader code in your head?
I've developed many techniques to help speed my workflow process and it might be helpful to some of you as well.
26
13
413
The legend is back
for(float e,i,a,w,x,g,h;i++<90.;o+=.01-.02/exp(max(s,e)*3e3)/h){vec3 p=vec3((FC.xy-.5*r)/r.y*g+2.,g);p.zy*=rotate2D(.5);e=p.y;h=e+p.x*.3;p.z+=t;for(a=.6;a>.001;a*=.7)p.xz*=rotate2D(5.),x=(p.x+p.z)/a+t+t,e-=w=exp(sin(x)-3.)*a,h+=abs(dot(sin(p.xz/a*.3)*a,r/r));g+=e=min(e,h*.5-1.);}
179
2K
18K
3
25
401
float i,e,a,l,y;for(vec3 A,p,q,d=(FC .xyz*2.-r.xyx)/r.x*rotate3D(t*.2,(A.y++,A)),b=2.+d;i++<2e2;e=clamp(-e,++y-PI,y)){o.rgb+=i>1e2?l=log(1.+(e+=1e-4))/2e2,d/=d,b.brg*l:b*e;p=q+=d*e*.7;y=++p.y;for(a=3.;a>.04;a*=.6)e=min(e,max(p=abs(p*=rotate3D(1.9,A))-a,max(p.y,p.z)).x);}o*=o/1e3;
3
58
397
vec3 p=FC.xy*mat3x2(2,1,2,-1,0,-2)/.1/r.y+t;o+=cos(dot(sin(p.yzx),cos(p))/.4)*.5+.5;o+=dFdx(o)*vec4(8,4,0,0);
5
40
385
This is a sick feature that more programming languages should have (from "Jai")
87
12
389
"Submerge"
#GLSL
vec3 d=normalize(FC.rgb*2.-r.xyy),p;vec2 u=FC.xy/r-.5;for(float i,j;i++<1e1;p+=d*(snoise3D(p*.1*j-t*.2)/j+6.-p.y*.5+p.z*.5))j=exp(mod(i,5.)*.6);o=vec4(texture(b,.5+u-u*fsnoise(u+t)/4e1).gba,refract(normalize(cross(dFdx(p),dFdy(p))),d,1.2).z+.02/length(u));
7
33
384
SDF model challenge
Here's my first modeling challenge!
I've modeled a form and I want you guys to attempt the same thing. 😤
Guidelines for this: Quote reply with your solution smoothed and with wires. Must be subdiv only!
Next week, I'll post my solution! 😄
285
114
2K
4
22
383
Since I taught myself programming, it took me a while to learn how to manage physical health, mental health, and the risks associated (e.g. Carpal tunnel syndrome, back pain, acne, eyestrain, etc).
I wanted to share what I've learned in hopes that it might help the newcomers:
10
48
374
for(vec2 p=FC.xy,c,i;i.x++<2e1;p/=2.)o+=(c=cos(p)).x*c.y;o=cos(o+vec4(0,1,2,3));
2
36
371
Poor mans color grading. Before and after
fragColor = tanh(color);
This maps the range [-∞, +∞] to the range [-1, +1].
Here's my demo code:
o+=vec4(1,.5,.2,1)*pow(r.y/length(FC.xy*2.-r),2.); o=tanh(o);
9
28
365
Because I keep forgetting the formula for quintic interpolation, I'll leave this here:
x*x*x*(10.0 + x*(-15.0 + 6.0*x))
9
26
343
@johanvinet
If you don’t mind semi-colons…
Down to 190 characters! #つぶやきGLSL
vec3 p=vec3(t/.1,cos(t+r)),d=r.x/(r.xxy-round(FC.zxy)*2.),a;for(;o.w++<9e2&&snoise3D(a=ceil(p)/28.)+1.>length(a.yz);p+=min(a=fract(-p*sign(d))*abs(d)+1e-4,min(a.y,a.z)).x/d);o.rgb=fwidth(p);
24
364
3K
5
7
345
vec3 a=vec3(1,0,0),q,p=-.5-a*t,v=rotate3D(.7,a)*vec3(FC.xy*2.-r,r.y);for(float d,i,l;l++<2e2;p-=v/length(v)*d)for(q=p,d=-q.y,i=58.;i>.05;i*=.5)d=max(d,min(min(q=i*.9-abs(mod(q*rotate3D(.5,a.zxz),i+i)-i),q.y).x,q.z)),l>1e2?d+=1e-5,v/=v,o:o+=max(5e-4-d*d,0.);o*=log(7.-p.y)*.1;
#GLSL
3
40
337
Easy light attenuation formula:
If you have a radial gradient that ranges from 0 to 1
radial = length(fragCoord-res*0.5)/res.y;
You can make it start at a brightness of 1 and fade out using this simple formula:
light = x / (x+radial);
"x" is falloff strength
6
26
334
Embracing the noise/artifacts for Acerola jam.
Raymarching makes fun things possible like real motion blur and cheaper raytraced ambient occlusion
12
21
326