Dwitter - javascript demos in 140 characters

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<9;i++)
x.fillRect(400+i*100+S(t)*300,400,50,200) // draw 50x200 rects

} // 122/140

Please log in (or register) to post a dweet (copy-paste the code somewhere safe to save it meanwhile)


    u(t) is called 60 times per second.
    t: Elapsed time in seconds.
    S: Shorthand for Math.sin.
    C: Shorthand for Math.cos.
    T: Shorthand for Math.tan.
    R: Function that generates rgba-strings, usage ex.: R(255, 255, 255, 0.5)
    c: A 1920x1080 canvas.
    x: A 2D context for that canvas.

Try the new frontend: beta.dwitter.net
Current theme challenge: #Food

show FPS hide FPS share fullscreen

tomxor

remix of d/36557 by u/UEZ

function u(t) {

for(i=!t<<21;i--;T=Y-X)x.fillRect(X=i%2e3,i/2e3,T>-1|R>.7,.4-(X=X/200-5,Y=i/4e5-2,R=X*X+Y*Y,R<1?R*T/2:C(e=(T-2)**2+(X+Y-.6)**2*6)/3*(e<5)))

Oct 27 2026 9:28 PM UTC

}// 139/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

smoller #Glass #Ball

u/UEZ

nice :-)

show FPS hide FPS share fullscreen

cantelope

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪀽𝐰𜀬𪐽𝐴𞱩𛐭𞱸𛡳𭁲𫱫𩐨𚐩𩡯𬠨𮀮𨡥𩱩𫡐𨑴𪀨𪠽𝀩𞱪𛐭𞱸𛡬𪑮𩑔𫰨𚁨🐲𝐰𚐫𚀨𪐯𝡼𜀩𚠳𚱡𦱩𙐳𧐪𚁬👩𙐶🀳🰭𜐺𜐩𚱓𚁴𚐪𞐭𜐲𚐯𚁚👡𦰨𪐫𜠩𙐳𧐪𫀫𜠴𚐪𪀬𜐴𜐫𨑛𚁩𚰱𚐥𜱝𚠵𛱚𚡨𚐩𨐽𦱓𚁰🐱𛠵𝰪𪠫𛠷𞀩𛁃𚁰𚐬𛠷𧐻`.replace(/u../g,'')))

Oct 26 2026 10:22 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

wireframe default #3D

show FPS hide FPS share fullscreen

UEZ

function u(t) {

eval(unescape(escape`󩭯󬬨󪜽󞝥󜼻󪜭󛜻󮌮󩭩󫍬󤭥󨽴󚍘󚬱󝬬󦜪󜜶󛌱󝬬󜜶󛍸󛭦󪝬󫍓󭍹󫍥󟝒󚍧󛍧󛍧󟬲󝌶󟼰󞭧󚜩󚝦󫽲󚍘󟝩󙬱󜬷󛍙󟝩󟬾󝼬󨜽󝬹󚽓󚍴󚜪󝌷󛝘󛍢󟜳󜜫󠼨󭌩󚬲󜜭󦜬󩼽󜝥󝜯󚍡󚭡󚽢󚭢󚼴󜌰󚜬󬼽󝜰󞽳󛜭󞼩󤼨󦌯󝌫󨜪󬼯󜬰󜌩󚭓󚍙󛼴󚽢󚭳󛼲󜌰󚜾󛬹󙬦󚍧󟜡󬼪󝌹󚜻`.replace(/u../g,'')))

Oct 26 2026 9:46 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

No #light without #shadow

show FPS hide FPS share fullscreen

Axioplase

function u(t) {

c.width=2e3;for(j=150;j-->-50;)for(i=450;i-->-50;)x.fillRect(i*9,j*9,w=9*S(((i-100-30*S(t))**2+(j-50-20*C(t))**2)**.5*S(t*.7)),w)

Oct 28 2026 3:55 PM UTC

}// 129/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

show FPS hide FPS share fullscreen

PotatoImaginator

function u(t) {

a=['🚗','🚙']
eval(unescape(escape`𩡯𬠨𨰮𬱴𮑬𩐮𨡡𨱫𩱲𫱵𫡤🐧𘱦𞐵𙰬𮀮𩡯𫡴🐢𜑩𫠧𘠬𮀮𩡩𫁬𤡥𨱴𚀰𛀴𜀰𛀲𩐳𛀲𞀰𚐬𪐽𝰻𪐭𛐻𚑦𫱲𚁪🐲𞱪𛐭𞰩𮀮𩡩𫁬𥁥𮁴𚁡𦱪𧐬𜐸𝠰𛐨𜐵𜀪𚀲𚡩𚰱𛠵𚡴𚱓𚁴𚱩𚰲𚡪𚐩𚐥𜡥𜰬𝀹𜀫𜐴𜀪𪠩`.replace(/u../g,'')))

Oct 28 2026 5:40 AM UTC

}// 133/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

#traffic jam 1 - #emoji

show FPS hide FPS share fullscreen

taupelink

remix of d/36568 by u/taupelink

function u(t) {

for(m=t?0:3e4;X=C(m),Y=S(m*m--);x.fillRect(900*++X-q,810-q*Y,3*q,i-q))i=m%224+32,x.fillStyle=R(q=i+S(Y>0?m:Y)*i,i-=q*Y,q*=3-C(m),18/(5*q+i))

Oct 28 2026 1:42 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

d/36570

u/UEZ

smooth

show FPS hide FPS share 1 remix fullscreen

taupelink

remix of d/24392 by u/taupelink

function u(t) {

for(m=t?0:2e4;X=1-C(m),Y=5*S(m*m--);x.fillRect(960*X,432-q/6*Y,q,-i/(7+X)))i=m%144,q=i*(1+S(Y>0?m:Y)),x.fillStyle=R(i+=q*Y,q,q*=2-X,2/(9-Y))

Oct 26 2026 5:45 AM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

d/36560

u/PotatoImaginator

Amazing!
u/cantelope

awesome

show FPS hide FPS share 1 remix fullscreen

taupelink

remix of d/36560 by u/taupelink

function u(t) {

for(m=t?0:2e4;X=C(m),Y=S(m*m--);x.fillRect(1536*++X,540-q*Y,-q,i))i=m%96+48,q=i+S(Y>0?m:Y)*i/2,x.fillStyle=R(i-=q*Y,q,q*=1+C(m),40/(i+q+60))

Oct 28 2026 4:34 AM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

d/36568

show FPS hide FPS share fullscreen

taupelink

remix of d/36558 by u/taupelink

function u(t) {

with(x)for(i=1256;i--;fill(lineTo(X,Y)))beginPath(globalAlpha=S(j=213*i)**70/2),arc(X=i%33*60,Y=i%19*60,(i%5*i**.5&5)*30/60**t,j/=.4,j-1.57)

Oct 26 2026 10:10 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

d/36565

show FPS hide FPS share 1 remix fullscreen

UEZ

function u(t) {

eval(unescape(escape`󩭯󬬨󪜽󭌿󜌺󜬳󩜵󞽩󛜭󞽸󛭦󪝬󫍒󩝣󭌨󪜥󜬰󝌸󛍩󟬾󜜱󛌱󛌱󚜩󨜽󪜥󜬰󝌸󛼲󜌰󛜵󛬲󛍢󟝩󛼴󜌹󝬰󜌭󜬬󩌽󨜪󨜫󨬪󨬬󩜽󚌨󬌽󨬭󨜩󛜲󚜪󚬲󚼨󨜫󨬭󛬶󚜪󚬲󚬶󛍸󛭦󪝬󫍓󭍹󫍥󟝒󚍌󟜱󝌸󚼨󩌼󜜿󬌼󛜮󞜦󩌼󛬶󟼹󞜺󬌪󩌪󚬴󚬹󞜺󚍥󟌴󛬷󚜪󝼰󚭃󚍥󚜩󛍌󛍌󚜻`.replace(/u../g,'')))

Oct 24 2026 8:15 PM UTC

}// 138/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

#Glass #Ball

Show more comments…
u/UEZ

#light #shadow #waitforit
u/KilledByAPixel

very nice!
u/cantelope

u/UEZ killin' it
u/lewdev

This crashes on Firefox. Cool dweet though!
u/UEZ

Thanks for your comments. ^^ No crash on my Firefox 158.0.1
u/tomxor

Nice, very convincing
u/PotatoImaginator

How does this work? Can someone explain it to me?
u/tomxor

It's a 2D approximation in screen space of physically based ray tracing effects. The sphere, specular highlight, and a caustic shadow are drawn as three independent shapes with a painters algorithm type logic. It's very effective though, almost had me fooled.
u/UEZ

There is no real 3D or ray tracing here. It's a 2D drawing that just pretends. Each pixel asks: ball or floor? The ball is almost as gray as the floor, with a shaded edge and a white reflection. The shadow is an oval with a bright spot in the middle, where the glass focuses the light.