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: #Opposites

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/32584 by u/cantelope

function u(t) {

eval(unescape(escape`𩡯𬠨𮀮𩡩𫁬𤡥𨱴𚀰𛀰𛁩🐱𩐴𛁩𚐻𪐭𛐻𮀮𨱬𩑡𬡒𩑣𭀨𞐶𜀫𦀯𦠪𝐴𜀬𜰹𜀫𦐯𦠪𝐴𜀬𬰽𝀲𛱚𛱚𛁳𚐩𦀽𤰨𬀽𚁁👍𨑴𪀮𨑴𨑮𜠩𚁘👓𚁩𚐫𜰬𜀩𚱩𚡩𚐪𚁤👘𚐬𦐽𤰨𬀽𠐨𦐽𠰨𪐩𛁚👃𚁰𚐪𩀩𚰹𚐪𚁤👍𨑴𪀮𪁹𬁯𭀨𦐬𦠫𤰨𭀪𞀫𦀩𛰸𚐩𛁚👃𚁰𚐪𩀫6`.replace(/u../g,"")))

Oct 17 2024 8:51 PM UTC

}// 140/140

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

Cantelope's perspective pixels #torus #donuts

u/cantelope

#wobbly

show FPS hide FPS share fullscreen

jpthinker

function u(t) {

c.width|=0
for(i=700;i--;x.fillRect(X,Y,99,9))X=i*3,Y=C(i+(t/50))*200+940
x.arc(200,200,100,0,2*Math.PI)
x.fill()

Oct 17 2024 12:50 PM UTC

}// 113/140

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

Night Ocean Invert

show FPS hide FPS share fullscreen

magna

remix of d/32599 by u/magna

function u(t) {

eval(unescape(escape`󩭯󬬨󪜽󝜷󝬻󪜭󛜻󮌮󨽬󩝡󬭒󩝣󭌨󮌮󩽬󫽢󨝬󠝬󬍨󨜽󛬱󛌭󜼲󛌱󛌶󝌩󚝘󟝩󙜳󜬼󟌶󛍙󟝩󛼳󜬼󟌶󛍸󛭳󩝴󥍲󨝮󬽦󫽲󫜨󫜽󤼨󨜽󭌫󣝡󭍨󛭡󭍡󫬲󚍪󟝘󛜨󤼨󭌯󜼩󚼱󚜪󞜶󜌬󪼽󦜭󚍃󚍴󛼹󚜫󜜩󚬵󝌰󚜩󛍮󟝃󚍡󚜬󛝮󛍭󛍘󛍙󚜬󮌮󩭩󫍬󤭥󨽴󚌭󜼲󛌭󜼲󛌶󝌬󝬴󚜻`.replace(/u../g,'')))

Oct 17 2024 10:32 PM UTC

}// 138/140

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

u/rodrigo.siqueira

Dynamic magnetic fields

show FPS hide FPS share 1 remix fullscreen

magna

function u(t) {

eval(unescape(escape`󨼮󭽩󩍴󪍼󟝯󫭭󫽵󬽥󫝯󭭥󟝥󟜾󥌽󩜻󩭯󬬨󪜽󝜴󝌻󪜭󛜻󮌮󩭩󫍬󤭥󨽴󚌭󝌬󛜱󝬬󞌬󜼲󚜩󭽩󭍨󚍍󨝴󪌩󦌽󪜥󜼲󟌼󝬬󦜽󪜯󜼲󟌼󝬬󮌮󬽥󭍔󬭡󫭳󩭯󬭭󚍭󟝓󚍡󟝡󭍡󫬲󚍪󟝘󚽾󥌮󮌯󛬳󛍫󟝙󚽾󥌮󮜯󛬳󚜩󛍮󟝃󚍡󚜬󛝮󛍭󛍘󛍙󚜬󮌮󩭩󫍬󤽴󮝬󩜽󤬨󪍹󬍯󭌨󪬬󪼩󚜻`.replace(/u../g,'')))

Oct 17 2024 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).

Color Parallels demake https://www.mightypenguin.dev/igloo/color-pa… #mouse #interactive

u/magna

Works best non-fullscreen

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/32598 by u/magna

function u(t) {

eval(unescape(escape`󩭯󬬨󪜽󝜴󝌻󪜭󛜻󮌮󩭩󫍬󤭥󨽴󚌭󝌬󛜱󝬬󞌬󜼲󚜩󭽩󭍨󚍍󨝴󪌩󦌽󪜥󜼲󟌼󝬬󦜽󪜯󜼲󟌼󝬬󮌮󬽥󭍔󬭡󫭳󩭯󬭭󚍭󟝓󚍡󟝡󭍡󫬲󚍪󟝘󛜨󤼨󭌯󛬹󚜫󜜩󚬹󝬰󛍫󟝙󛜨󠼨󭌯󛬷󚜫󜜩󚬵󝌰󚜩󛍮󟝃󚍡󚜬󛝮󛍭󛍘󛍙󚜬󮌮󩭩󫍬󤽴󮝬󩜽󨍨󬽬󚌤󮽨󮝰󫽴󚍪󛍫󚜯󜽽󘌸󜌥󝜰󙝠`.replace(/u../g,'')))

Oct 17 2024 9:48 PM UTC

}// 140/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 1 remix fullscreen

rodrigo.siqueira

remix of d/32575 by u/rodrigo.siqueira

function u(t) {

eval(unescape(escape`𩡯𬠨𨐽𛐮𜰻𨐼𜐻𨐫🐮𜀰𜐩𩡯𬠨𪐽𜠰𛁬👥🐮𝐻𪐭𛐻𬠽𪐥𜠿𨐪𠰨𨐪𜰩𚠹𞡓𚁴𛰲𛠷𛐮𜐩𚠳𛁥👲𚡥𚠪𠰨𪰽𜐭𩐩𛁬𛐽𜐫𝠪𣑡𭁨𛡬𫱧𚁫𚡫𚐩𮀮𩡩𫁬𤱴𮑬𩐽𤠨𫀪𭀯𞐬𫀯𜠬𫀩𛁸𛡦𪑬𫁒𩑣𭀨𜰸𝀫𨐪𜡥𜰬𭀪𜐲𜀬𜠬𞐹𞐩`.replace(/u../g,"")))

Oct 15 2024 10:05 PM UTC

}// 128/140

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

Lyapunov's mask

u/magna

Incredible!
u/jpthinker

Absolutely amazing!
u/cantelope

ROFL

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/32592 by u/rodrigo.siqueira

function u(t) {

eval(unescape(escape`𘑴𙠦𮀮𩡩𫁬𤡥𨱴𚀰𛀰𛀲𩐳𛀲𩐳𚐻𘁦𫱲𚁡🐰𞱡🀮𞀻𨐫🐮𜀰𝐩𮱦𫱲𚁩🐸𜀬𫀽𩐽𛠵𞱩𛐭𞱲👩𙐳🱡𚡃𚁡𚠲𚐪𝰺𭀬𩐽𬠪𩐪𚠨𪰽𜐭𩐩𛁬𛐽𜠫𣑡𭁨𛡬𫱧𚁫𚠪𜠯𞐩𚑸𛡦𪑬𫁓𭁹𫁥👒𚁲👬𛁲𛰲𚐬𮀮𩡩𫁬𤡥𨱴𚀷𝠰𚱡𚠴𞀰𛀹𞐫𭀪𜐲𜀬𜠬𞐩}`.replace(/u../g,"")))

Oct 16 2024 10:40 PM UTC

}// 136/140

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

Lyapunov's Larger Exponent

u/Agnes

Looks like an X-ray of a Kakuna
u/cantelope

looks like a specimen trapped in amber

show FPS hide FPS share fullscreen

lewdev

remix of d/32582 by u/jimmyolang

function u(t) {

for(x.reset(i=99);i--;x.fillText("pick meee",S(i*.03)*2e3,C(i*.3)**2*1100))x.fillStyle=`hsl(${i*20%360},99%,50%`,x.font=((t+i)%4*50)+"px'"

Oct 16 2024 9:11 PM UTC

}// 138/140

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

pick meee golfed & then I got carried away (add ,x.textAlign="center" to improve visuals)

show FPS hide FPS share fullscreen

skeletonNatte

remix of d/4941 by u/jbl

function u(t) {

c.width|=0;s=C(t)*99+200;x.font=s+"px a";for(i=9;--i;){a=300*S(t*i/3+i);b=99*i+99;x.rotate(S(t/3)*2);x.fillText("SORRY😂FOR❤️YOUR😂LOSS",a,b)}

Oct 16 2024 3:56 PM UTC

}// 140/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

cantelope

function u(t) {

eval(unescape(escape`𩡯𬠨𮀮𩡩𫁬𤡥𨱴𚀰𛀰𛁩🐳𩐴𛁩𚐻𪐭𛐻𮀮𨱬𩑡𬡒𩑣𭀨𪐥𞐪𚁨🐲𝐰𚐫𦀯𚁚👃𚁰𚐪𩀫𞐩𚡨𛀨𪐥𝐫𦐯𦠩𚡨𛀴𛀴𚐩𦀽𤰨𬀽𚁁👍𨑴𪀮𨑴𨑮𜠩𚁘👓𚁩𚐭𜰬𜀩𚱩𚡩𚐪𚁤🐨𢀽𣑡𭁨𛡨𮑰𫱴𚐨𦀬𜀩𚐬𦐽𤰨𬀽𠐨𦐽𠰨𪐩𛁚👃𚁰𚐪𩀩𚱴𚱩𙐹𚐪𚁤👈𚁙𛁚𚐩`.replace(/u../g,'')))

Oct 13 2024 11:13 PM UTC

}// 140/140

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

torus 4

Show more comments…
u/lewdev

These donut things are great but are so slow on my computer. Anyone else have this problem?
u/cantelope

lewdev, there's known performance glitches with canvas in Firefox on Linux. Guessing that's your stack. Try Chromium?
u/tomxor

I actually always found Firefox canvas way faster than chrome, on Linux at least. Including this one, 30 FPS in chrome, but 60 FPS in Firefox, I got a new laptop this year so probably even slower in chrome on older computers.
u/tomxor

@cantelope You might be thinking of the subpixel aliasing issue on Firefox that appeared when they flipped hardware rendering on by default. That affected a lot of dweet rendering, I reported it a while back and it's been fixed in release since v128
u/cantelope

whatever causes the firefox+canvas+linux thing, somehow i always correctly guess the stack... whatever that means
u/lewdev

I was on win11 on my laptop, but it was slow on both Chrome & Firefox. It's smooth on my desktop Win11, which is much more powerful.
u/cantelope

well there you have it, bunk lappy