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

KilledByAPixel

remix of d/35006 by u/tomxor

function u(t) {

for(j of Date(c.width|=X=9).slice(16,24))for(X+=4,i=15;i--;)'筯璓珧秧䧭秏篏䤧篯积А'.charCodeAt(j<=9?j:10)&1<<i&&x.fillRect(X+i%3<<5,15+i/3<<5,32,32)

Mar 7 2026 9:03 PM UTC

}// 138/140

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

Digital #Clock 🕰️

u/NiVZ

Wow! I had this in mind when I posted my sweet but had no idea how to pull it off. Well done 👏
u/KilledByAPixel

thanks for the inspiration!

show FPS hide FPS share fullscreen

cantelope

function u(t) {

eval(unescape(escape`𩡯𬠨𤀽𦱩👨🐶𝐬𭰽𨰮𭱩𩁴𪀽𜐱𜡝𞱩𛐭𞰩𤁛𪑝👛𚁩𚠪𜠫𭀪𚁩𙐲🱩𞡨𚐩𙑷𛁩𚡷𙑨𧐊𩡯𬠨𪐽𪀪𭰻𩀽𪐭𛐻𮀮𩡩𫁬𤡥𨱴𚁘𛁙𛀱𛀱𛁸𛡦𪑬𫁓𭁹𫁥👒𚁥𚠳𚐩𚑐𛡭𨑰𚀨𬐬𪠩🐾𚁦👍𨑴𪀮𪁹𬁯𭀨𬑛𜁝𛐨𦀽𪐥𭰩𛁱𦰱𧐭𚁙👩𛱷𯀰𚐩𚐼𩀦𙠨𩐽𪠬𩀽𩠩𚐻`.replace(/u../g,'')))

Mar 8 2026 1:18 AM UTC

}// 140/140

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

voronoi cells

show FPS hide FPS share fullscreen

cantelope

function u(t) {

eval(unescape(escape`𩡯𬠨𤀽𦱩👨🐶𝐬𭰽𨰮𭱩𩁴𪀽𜐱𜡝𞱩𛐭𞰩𤁛𪑝👛𚁩𚠪𜠫𭀪𚁩𙐲🱩𞡨𚐩𙑷𛁩𚡷𙑨𧐊𩡯𬠨𪐽𪀪𭰻𩀽𪐭𛐻𮀮𩡩𫁬𤡥𨱴𚁘𛁙𛀱𛀱𛁸𛡦𪑬𫁓𭁹𫁥👒𚁥𚠹𚐩𚑐𛡭𨑰𚀨𬐬𪠩🐾𚁦👍𨑴𪀮𪁹𬁯𭀨𬑛𜁝𛐨𦀽𪐥𭰩𛁱𦰱𧐭𚁙👩𛱷𯀰𚐩𚐼𩀦𙠨𩐽𩠬𩀽𩠩𚐻`.replace(/u../g,'')))

Mar 8 2026 1:18 AM UTC

}// 140/140

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

voronoi cells, gradient style

show FPS hide FPS share fullscreen

Xen

function u(t) {

x.drawImage(c,z=C(t/4),Z=S(t/7))
x.strokeRect(910+455*z,490+245*Z,q=280,q)
x.strokeStyle=`hsl(${t^z*q} 99%10%)`

Mar 7 2026 11:42 AM UTC

}// 111/140

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

i've been away for so long :( , quick play.

u/cantelope

wb xen
u/tomxor

me too, wb :)
u/ximavus

hello Xen

show FPS hide FPS share fullscreen

mathisvdr

function u(t) {

eval(unescape(escape`𩡯𬠨𪐽𜱥𜰻𪐭𛐻𚑻𨐽𪐯𜱥𜰪𝠮𜠸𚠵𛁮🐷𞱘🐨𚁮𛐱𚐪𠰨𨐩𚱃𚀨𫠭𜐩𚡡𚐩𛱮𛁙🐨𚁮𛐱𚐪𤰨𨐩𛑓𚀨𫠭𜐩𚡡𚐩𛱮𞱚🐱𚱓𚁡𚠳𚱴𚐪𛠳𞱸𛡦𪑬𫁒𩑣𭀨𞐶𜀫𦀪𝀰𜀯𦠬𝐴𜀫𦐪𝀰𜀯𦠬𜰯𦠬𜰯𦠩𯐠`.replace(/u../g,'')))

Mar 8 2026 3:05 PM UTC

}// 119/140

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

hypocycloid

show FPS hide FPS share 2 remixes fullscreen

tomxor

remix of d/35004 by u/NiVZ

function u(t) {

for(c.width|=i=63;i--;)'筯璓珧秧䧭秏篏䤧篯积'.charCodeAt(t%10)&1<<i&&x.fillRect(14+i%3<<6,7+i/3<<6,64,64)

Mar 6 2026 9:38 PM UTC

}// 95/140

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

LECO - Unicode Bitpacked

u/tomxor

This is actually 115 bytes so only an 11 byte reduction over hex encoding, because each of the 10 codepoints takes up 3 bytes each when utf8 encoded, (over the wire, in the DB or in a local file)
u/dee-gomma

Top!
u/NiVZ

Loving seeing all the remixes. I've had another observation. The top left and bottom right segments are always filled. That means the binary can be reduced from 15 bits to 13 bits. Or a max value of 32,767 to 8,191. Would that help to compress things further?

show FPS hide FPS share 2 remixes fullscreen

NiVZ

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪀽𜐹𜠰𞱤👛𜰱𝐹𞐬𜠵𝰵𜐬𜠹𝠷𜐬𜠹𝠴𝰬𜠳𝀹𝰬𜰱𜐸𜰬𜰱𜠱𝐬𜠹𜠵𝰬𜰱𝰲𝰬𜰱𝠹𝑝𞱦𫱲𚁩🐰𞱩🀱𝐻𪐫𚰩𮱩𩠨𩁛𣑡𭁨𛡦𫁯𫱲𚁴𙐱𜀩𧐦𜐼🀱𝀭𪐩𮱸𛡦𪑬𫁒𩑣𭀨𞀷𜀫𚁩𙐳𚠶𜀩𛀴𜠰𚰨𣑡𭁨𛡦𫁯𫱲𚁩𛰳𚐪𝠰𚐬𝠰𛀶𜀩𯑽`.replace(/u../g,'')))

Mar 6 2026 12:36 PM UTC

}// 135/140

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

LECO Font Count 10 Seconds

Show more comments…
u/NiVZ

My first dweet. Using binary & bitshifting to display 3x5 font
u/cantelope

#amazing
u/tomxor

Great first dweet, I love bitpacking.
u/dee-gomma

Very good!
u/dee-gomma

You can squeeze it under 140 bytes with some tricks (need to reverse bits): for(x.reset(i=15);i--;)x.fillRect(870+i%3*60,60*(0|i/3),60,[31599,25751,29671,29647,23497,31183,31215,29257,31727,31695][0|t%10]&1<<i&&60)
u/ximavus

I love it
u/NiVZ

Thanks everyone. I love how one idea on here sparks others. Particularly impressed that KilledByAPixel got a full Leco digital clock working

show FPS hide FPS share fullscreen

mathisvdr

function u(t) {

eval(unescape(escape`𩡯𬠨𢀽𣑡𭁨𛡨𮑰𫱴𛁐👛𪐽𫠽𝠵𛁷👣𛡷𪑤𭁨🐹𞑝𞱩𛐭𞰩𤁛𪑝👛𚁩𚡩𚱴𚡩𚐥𭰬𪐥𭱝𒡦𫱲𚁩👮𚡷𞱤👩𛐭𞱸𛡦𪑬𫁒𩑣𭀨𦀬𦐬𜐬𜐬𮀮𩡩𫁬𤱴𮑬𩐽𤠨𜀬𩐪𜰬𩐪𝀩𚐩𤀮𫑡𬀨𚁱𛁪𚐽🠨𩠽𢀨𬑛𜁝𛐨𦀽𪐥𭰩𛁱𦰱𧐭𚁙👩𛱷𯀰𚐩𚐼𩀦𙠨𩐽𪠬𩀽𩠩𚐠`.replace(/u../g,'')))

Mar 8 2026 3:00 PM UTC

}// 139/140

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

ice voronoi

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/35006 by u/tomxor

function u(t) {

for(c.width|=s='ﯬ뽂뻈캾뻈비ƯįԯưƯџ',f=n=>s.charCodeAt(t%6+n),i=28;i--;)for(j=2;(f(0)|f(6)<<16)>>i&1&&j--;)x.fillRect((j?i%4:6-i%4)<<6,i<<4,64,64)

Mar 6 2026 11:27 PM UTC

}// 139/140

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

Space Invaders 👾#invaders

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/35007 by u/rodrigo.siqueira

function u(t) {

s='ﯬ빆캾뻈비ƯįɈưƯџ'
eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪁼👦👮🐾𬰮𨱨𨑲𠱯𩁥𠑴𚁴𙐶𚱮𚐬𪰽𪐽𜐲𞀻𪐭𛐻𚑦𫱲𚁪🐲𞰨𩠨𜀩𯁦𚀶𚐼🀱𝠩🠾𪐦𜐦𙡪𛐭𞱸𛡦𪑬𫁒𩑣𭀨𚁪🱩𙐴𞠶𛑩𙐴𚐪𪰫𝐱𜠬𪰫𪰪𪐾🠲𛀱𜠸𛀱𜠸𚐩𨰮𬱴𮑬𩐮𩡩𫁴𩑲🐧𪑮𭡥𬡴𚀧`.replace(/u../g,'')))

Mar 7 2026 3:09 PM UTC

}// 139/140

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

Space Invaders Generator 👾#invaders