Trending

#tinycode

Latest posts tagged with #tinycode on Bluesky

Latest Top
Trending

Posts tagged #tinycode

Video

Illusive Spirals ๐ŸŒ€ www.dwitter.net/d/34906 #javascript #tinycode #illusion

with(x)for(m=0;m<12;++m)for(r=m*99||99,i=k=r>>5<<1;i--;fill())for(beginPath(j=4);j--;fillStyle=R(v=m?i%2*2e3:128,v,v))arc(960+r*S(a=i/k*710),540+r*C(a),m?49:2e3,b=j*33+95-a+(m%2*2-1)*t/8,b)

3 0 0 0
Video

Cafรฉ Wall Illusion โ˜• www.dwitter.net/d/34900 #javascript #tinycode #illusion

c.width|=w=99
for(i=13;i--;)for(j=12;j--;)x.fillRect(i&&(2*i-4+j%2+(j%4<3?j%4:1)*t/3%2)*w,j*w,i?w:3e3,i?w:5)

13 2 0 0
Post image

Fraser Spiral ๐Ÿ’ซ www.dwitter.net/d/34898 #javascript #tinycode

for(T|=0;t<3&&T++%30;)for(e=T**.5/4%1,q=e<.2&&e*10*.157,i=20;i--;x.beginPath(x.stroke()))x.arc(960,540,T*T/2e4,a=2*i*.157+q,a+.157)

3 0 0 0
Post image

False Spiral Illusion ๐Ÿ‘๏ธ www.dwitter.net/d/34891 #javascript #tinycode

T=~T|1
with(x)for(fillStyle='#777',t||fillRect(0,0,2e3,2e3),r=t*7e3,i=k=r>>4<<1;i--;fill())for(beginPath(j=6);j--;fillStyle=i%2?R():'#fff')arc(960+r*S(a=i/k*710),540+r*C(a),28,b=j*33+95+T/3-a,b)

2 0 0 0
Post image

x.textAlign='center'
x.font='900 '+[3,2,1.7][a=t*60|0]+'in"'
x.fillText(['๐Ÿข','๏ผฌ๏ผฅ๏ผฎ๏ผด๏ผก๏ผฎ๏ผค๏ผฏ','๐‘ƒ๐‘Ÿ๐‘œ๐‘”๐‘Ÿ๐‘’๐‘ ๐‘  ๐‘Ž๐‘ก ๐‘ฆ๐‘œ๐‘ข๐‘Ÿ ๐‘๐‘Ž๐‘๐‘’'][a],960,[340,640,860][a])
www.dwitter.net/d/34884 #javascript #tinycode #lentando

3 1 1 0
Video

France ๐Ÿ‡ซ๐Ÿ‡ท #flag ๐Ÿฅ– www.dwitter.net/d/34793 #javascript #tinycode

for(c.width&=i=6272;i--;x.fillStyle=X<3?'#009':X<6?'#eee':'#E01',x.fillRect(9+X*8+X/4*C(X*2-i/800-t*6),9+i/150+X*S(X-t),3,i?.3:99))X=i%99/12

2 0 0 0
Video

Norway ๐Ÿ‡ณ๐Ÿ‡ด #flag ๐Ÿ… www.dwitter.net/d/34782 #javascript #tinycode

for(c.width&=i=6272;i--;d=Math.min((Y=i/180-17)**2,(X*.5-18)**2),x.fillStyle=X?d<5?'#025':d<24?'#fff':'#b02':'#555',x.fillRect(39+X/2+X/48*C(X/8-i/800-t*6),30+Y+X/12*S(X/16-t),2,i?.3:99))X=i%99

4 0 0 0
Video

Greenland ๐Ÿ‡ฌ๐Ÿ‡ฑ โค๏ธ๐Ÿค www.dwitter.net/d/34741 #tinycode #javascript

for(c.width&=i=6272,x.fillRect(0,0,2e3,2e3);i--;x.fillStyle=(X*.7-26)**2+(Y=i/180-17)**2<180^Y>0?'#f00':'#fff',x.fillRect(39+X/2+X/48*C(X/8-i/800-t*6),34+Y+X/12*S(X/16-t),2,i?.3:99))X=i%99

5 1 0 0
Post image

Breaking News ๐Ÿšจ www.dwitter.net/d/34684 #javascript #tinycode

with(x)for(i=5;i--;i<3?fillText(q?i?' BREAKING':'NEWS':'\uD83D\uDDFA',i||500,q?820-i*270:1111):fillRect(0,0,w,w))q=i<2,fillStyle=q?'#fff':R(i<3?150:w=2e3),font=q?'900 3in arial':'18in"'

4 0 0 0
Post image

Venezuela ๐Ÿ‡ป๐Ÿ‡ช www.dwitter.net/d/34681 #javascript #tinycode

t=t*60|0
x.fillStyle=t?t>2?'#fff':t>1?'#D13':'#028':'#FC0'
x.fillRect(0,t*360,2e3,360)
t-2?x.font='7em"':x.translate(960,760)
t>2&&t<11&&x.fillText('\u2605',-370,-70)&x.rotate(.36)

4 1 0 0
Post image

Greenland ๐Ÿ‡ฌ๐Ÿ‡ฑ www.dwitter.net/d/34680 #tinycode #javascript

x.fillStyle='#D03'
t?x.fill`evenodd`:x.rect(0,540,2e3,2e3,x.arc(680,540,360,0,9))

3 0 0 0
Video

What can you make in 140 characters of JavaScript? ๐Ÿค”

I compiled the Top Dweet from every week of 2025 into one short video. Hereโ€™s to another year of wild dweets. Join us on Dwitter and make your first dweet today! ๐ŸŽ†
www.dwitter.net #sizecoding #tinycode #javascript

4 1 0 0
Video

Merry Dweetmas โ›„ www.dwitter.net/d/34630 #javascript #tinycode #loop

for(c.width|=j=47;j--;T=170,x.scale(s=1.02,s))for(i=h=T+j**6%T;w=i--/3;x.fillRect((X=j**5-t*T)%2500-h*y%w-T,460-y,w,3/j**.6),x.clearRect((X+i*T)%2500+S(t*3+i)*9,(t*99+i**5)%460,r=i%5+2,r))y=h-i

7 1 0 0
Post image

The Redacted States of America โฌ› www.dwitter.net/d/34632 #javascript #tinycode

for(i=9;i--;)x.fillRect(0,(i-1)*167,i?2e3:750,i?83:700)

1 0 0 0
Post image

Rooms Upon Rooms ๐Ÿšช www.dwitter.net/d/34607 #javascript #tinycode #genart

A=W=470
D=Math.random(t*=60)*W
F=Z=>x.fillRect(A+t%4*480,130-Z/2+(t>>2)*270,1,Z,x.fillStyle=`hsl(${H} ${Z/=3}%${Z}%`)
for(Z=2;A;Z+=1/W)(E=D+Z*A/W-Z/2&Z+9)%5||F(260,H=D)+F(W/(Z+D/W),H*=2,Z=2)+A--

6 2 1 0
Video

Rainbow Skulls ๐ŸŒˆ๐Ÿ’€ www.dwitter.net/d/34452 #javascript #tinycode

for(x.font='3in"',i=15;i--;x.fillText('๐Ÿ’€',i%5*386,300+(i/5|0)*349))x.filter=`sepia(1)saturate(99)hue-rotate(${t*99+i*24}deg)`

7 0 0 0
Video

Mini Solar System ๐ŸŒŒ www.dwitter.net/d/34448 #javascript #tinycode #space

with(x)c.width|=s=(X,Y,r=99,i=r>>1)=>{for(beginPath(fill(arc(X,Y,r,0,9)));i--;s(X+d*S(a=t/d*300+i),Y+d*C(a)/2,i**9%r/6))d=i*r}
s(960,540)

16 3 0 0
Video

Solar Orbit โ˜€๏ธ๐ŸŒ˜ www.dwitter.net/d/34438 #tinycode #javascript

for(i=7e3;--i;j|B<0&&x.fillRect(960+A*800+r*X,540+r*Y-B*r,r/=7,r))j=i>>11,v=j<3,A=S(q=j-1&&t),B=q&&C(t),r=v?q?99:300:i,Z=i**.9%1,W=1-Z*Z,X=W*S(i),Y=W*C(i),x.fillStyle=R(v*=400*(q?B*Z-A*X:Z),v,v)

5 1 0 0
Post image

Lit Spheres ๐ŸŽพ www.dwitter.net/d/34422 #javascript #tinycode

for(i=2e4,A=S(t*=600)*960,r=t%150;i--;x.fillRect(960-A+r*X,t+r*Y,7,7))Z=1-i**.9%1,X=Z*S(i),Y=Z*C(i),x.fillStyle=R(v=A*X-t+t*Z-Y*400,v/5+99)

5 0 1 0
Post image

Lunar Cycle ๐ŸŒ— www.dwitter.net/d/34421 #javascript #tinycode

for(q=frame!=9,i=1e4,A=q&&C(t*=25),B=S(t);t<6&&--i;x.fillRect(960+A*800+r*X,540+r*Y-B*300,r/=9,r))r=q?t?99:i:300,Z=i**.9%1,W=1-Z*Z,X=W*S(i),Y=W*C(i),x.fillStyle=t&&R(v=(B*Z-A*X+!q*W)*800,v/3,70)

1 0 0 0
Post image

Sunlight โ˜€๏ธ www.dwitter.net/d/34419 #javascript #tinycode

f=t*60|0
A=S(f-=20)
B=f/9
for(i=1e4,r=t?f**8%59+9+!f*200:i;i--;x.fillRect(960-A*900+r*X,470+r*Y+B*199,q=r/9,q))Z=i**2.1%1,W=1-Z*Z,X=W*S(i),Y=W*C(i),x.fillStyle=t&&R(v=(f?A*X-B*Z/2:1)*400,v*Z,60)

4 0 0 0
Video

Lit Sphere ๐ŸŒ” www.dwitter.net/d/34411 #javascript #tinycode

for(r=500,i=1e4;i--;x.fillRect(960+r*X,540+r*Y,9,9))Z=i**.9%1,W=1-Z*Z,X=W*S(a=i*t),Y=W*C(a),x.fillStyle=R(v=(S(t)*Z-C(t)*X-Y/2)*400,v/2,30)

5 0 0 0
Video

Hedge Maze ๐ŸŒณ www.dwitter.net/d/34341 #tinycode #javascript

for(w=83,i=6e3;t<3&&i--;d=i**3.2*t%4<<1)x.fillRect(i%w*T-i/9,i/2-t*40-T,T=40,t?A[i]:A=[w]),A[j=i*2]&&!A[j+=d=d>2?d*w-w*5:d-1]&!A[j+d]&j%w<81?A[j]=A[j+d]=T:x.fillStyle=R(v=t<2.9?t*35:170,v*2,v/2)

4 0 0 0
Video

I saw this optical illusion on reddit so of course I make a dweet. ๐Ÿ‘€ #illusion #javascript #tinycode

www.dwitter.net/d/34250

for(c.width|=j=0;j<2e4;x.fillRect(...j++?[j/7,S(a)*19+j%12*99,3,9]:[460,0,1e3,2e3]))x.fillStyle=R(v=j?(j%2?S:C)(a=j/200-t)<0?79:210:139,v,v)

4 0 1 0
Video

If Wolfenstein 3D had Dynamic Lighting by tomxor ๐Ÿบ

www.dwitter.net/d/34267 #javascript #tinycode

for(w=c.width&=i=8320;i;l>1&~(Y+b*T)&(R+d*T&X+a*T<<2)<4?T?T/=.9:R+=.1:T?T&=x.fillRect(--i%w,i>>7,1-1/l,R=1):R-=T=.1)X=i%w/64*R-R,Y=i/8e3*R-R/2,l=Math.hypot(a=S(t)*3-X,b=1-Y,d=C(t)*3+5-R)*(2-T)

1 0 0 0
Video

Multi Axis Rotation ๐Ÿ”„ www.dwitter.net/d/34247 #tinycode #javascript

for(i=1e4;i--;X*C(t)-W*S(t)>0&&x.clearRect(960+450*(X*S(t)+W*C(t)),540+450*(Y*C(b)-Z*S(b)),6,6))Z=i/3e3-1,r=(1-Z*Z)**.5,X=r*C(a=i**3-t*2),Y=r*S(a),W=S(b=t/3)*Y+C(b)*Z,x.fillRect(i-8e3,0,.2,2e3)

46 3 4 0
Video

Psychedelic ๐Ÿญ www.dwitter.net/d/34231 #generative #javascript #tinycode

with(x)for(j=w=1600;j--;fillRect(w*S(a=a/w+i),w*S(a*i/29),i,i))i=j>>4,fillStyle=`hsl(${a=i*t+i} 99%${i}%`,t?rotate(.3927):translate(.6,.34)

3 0 0 0
Video

Tiny 3D Modeling Tool ๐Ÿช‘ www.dwitter.net/d/34208 #javascript #tinycode #generative

F=_=>!(Y>4?X%7|Z%7:X&&Y-4)
for(c.width|=i=512;i--;x.fillRect(960-(S(t)*(a=X-4)+C(t)*(b=Z-4))*80,540+(Y-4)*80-(S(t)*b-C(t)*a)*30,w=40*F(),w))X=i%8,Y=i/8%8|0,Z=i>>6

4 1 0 0
Video

Kaleidoscopic ๐ŸŒˆ www.dwitter.net/d/34228 #javascript #tinycode #generative #trippy

with(x)for(i=99;--i;fillStyle=`hsl(${-i*t} 99%${i}%`)for(j=16;j--;fillRect(-T/2,T*S(i+i*t/T),T=4e3,5))t?rotate(Math.PI/8):translate(.62,.35)

3 0 0 0
Video

Skew Rotate ๐Ÿ• www.dwitter.net/d/34197 #javascript #tinycode #math

with(x){c.width|=i=0;rotate((t/3|translate(960,540))%4*699);for(q=(e=t%3)%1;i<3;++i)e>i&&transform(1,...i?i<2?[e>2||q,0]:[0,-q]:[0,-(e>1||q)],1,0,0);font='4in"',fillText('๐Ÿ•',-280,99)}

5 0 0 0