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

taupelink

remix of d/35708 by u/taupelink

function u(t) {

for(i=z=2e3;i--;x.fillRect(i,270*t,6,z+=9-6*C(z*C(z+t)-i/r/z)))x.fillStyle=R(r=240-(z=6+4*C((z+t%(3/z)*z^i%(1e4/z)/z/7)/9))*z*5,r/.7,r*2,.2)

Aug 16 2026 1:16 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/36122

u/jpthinker

Beautiful!

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/36117 by u/rodrigo.siqueira

function u(t) {

if(!t)x.translate(960,540)
with(x)for(i=90;i--;rotate(3))fillStyle=R(T(i)*i,0,i),scale(1,.2),beginPath(),arc(0,0,50/t,0,4),fill(),scale(1,5)

Aug 15 2026 1:14 PM UTC

}// 140/140

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

red and blue spiral

u/jpthinker

~Dinosaur vibes~

show FPS hide FPS share fullscreen

taupelink

remix of d/36110 by u/taupelink

function u(t) {

eval(unescape(escape`昽甽㸨㐪匨甯㈩⨪㈭㈩⨪㈫㐪匨甯㌭眩⨪㐻景爨椽㉥㐻椭ⴻ砮晩汬剥捴⠹㘰⭲⩃⡩⤬㔴〫爪匨椩ⱷⱷ⤩爽ㄵ〪琬砮晩汬却祬攽刨漽㈴〭㈴⨨昨眽ㄫ㐪琪⨮㔩⩦⡷⬶⩩⤦⠴㰼昨眭椩⼳⤭㈩Ɐ⼮㠬漯⸹ⰲ〯漩`.replace(/u([^D].)/g,'$1%')))

Aug 15 2026 5:24 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/36121

u/magna

wow!

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/36114 by u/rodrigo.siqueira

function u(t) {

c.width|=c.style.filter=`invert()`
for(i=550;i--;)with(x)beginPath(),arc(960+2e3*(z=.94**i)*C(a=i/9+t*9),i+600+1e3*z*S(a),8,0,8),fill()

Aug 14 2026 2:46 PM UTC

}// 135/140

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

Water sprinkler

u/jpthinker

Putting out the d/36114 sparkler from earlier!

show FPS hide FPS share fullscreen

jpthinker

function u(t) {

eval(unescape(escape`󬬽󞍥󜼊󫌽󞌊󩭯󬬨󪜽󬬪󫌬󩌽󜜫󚌨󪜭󜜩󛼳󜭥󜽼󜌩󞽩󛜭󞽸󛭦󪝬󫍒󩝣󭌨󪜥󬬯󬬪󨼮󭽩󩍴󪌬󚌨󚍩󛽲󯌰󚜫󜜩󚬲󝜶󛜨󫜩󙜲󝜶󚜯󩌬󞜬󞜩󚝻󒭭󟝩󚬨󝌲󙭩󟬾󜜰󚜊󮌮󩭩󫍬󤽴󮝬󩜽󨍨󬽬󚌤󮼨󪜾󟬷󚜪󞜹󯜠󞜹󘌵󜌩󨍽`.replace(/u../g,'')))

Aug 15 2026 2:48 PM UTC

}// 121/140

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

Bytebeat Visualizer: Forty-Two Melody

u/jpthinker

//Assumes 8-bit bitdepth r=8e3//Sample rate (hertz/sec) l=8//Number of lines/seconds to display //d is divisor to shorten lines when over 4 for(i=r*l,d=1+((i-1)/32e3|0);i--;x.fillRect(i%r/r*c.width,(((i/r|0)+1)*256-(m)%256)/d,9,9)){ m=i*(42&i>>10)//<-Music algo here! x.fillStyle=hsl(${(i>>7)*99} 99 50)}
u/jpthinker

I made a #static visualizer to help me with bytebeats. This is a sample displaying 8 seconds of the famous forty-two melody: t*(42&t>>10). I posted it here incase anyone might find it useful...

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/36098 by u/rodrigo.siqueira

function u(t) {

x.translate(800,-600)
with(x)beginPath(),arc(0,0,740/(t+1),0,7),fill(),scale(.985,1),rotate(.9+S(t*t)/150)

Aug 13 2026 11:14 AM UTC

}// 106/140

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

#tentacles

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

function u(t) {

c.width|=c.style.filter=`invert(`
for(i=500;i--;)with(x)beginPath(),arc(960+2e3*(z=.92**(i-t*50))*C(a=i*i+t),i+450+1e3*z*S(a),5,0,8),fill()

Aug 12 2026 7:36 PM UTC

}// 139/140

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

Until the last particle

u/jpthinker

It looks like a sparkler!

show FPS hide FPS share fullscreen

46uuuu

function u(t) {

a=_=>Math.random()*255
x.strokeStyle=R(a(),a(),a())
for(i=0;i<9;i++)
x.strokeRect(v=400+i*100+S(t)*300,400,50,a())
x.strokeRect(v,v,v,v)

Aug 12 2026 9:14 PM UTC

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

taupelink

remix of d/36110 by u/taupelink

function u(t) {

eval(unescape(escape`昽甽㸨㐪匨甯㈩⨪㈭㈩⨪㈭㐪䌨甯㌩⨪㈻景爨椽ㅥ㐻椭ⴻ砮晩汬剥捴⠹㘰⬱⸸⩲⩃⡩⤬㔴〫爪匨椩ⱷⱷ⤩爽ㄸ〪琬砮晩汬却祬攽刨漽㌰⨨昨眽㈫㔪琪⨮㔩⭦⡷⬶⩩⤦㤩Ɐⴽ㠪昨眭㐪椩Ɐ⬽㠪昨眭㌪椩Ⱞㄩ`.replace(/u([^D].)/g,'$1%')))

Aug 11 2026 5:31 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/36113

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/36109 by u/rodrigo.siqueira

function u(t) {

with(x)for(t||translate(960,540),j=6;j--;)for(i=96;i--;fillRect(0,R*C(i),R=50/t/t,11/R/(t**5)/i))fillStyle=`hsl(${i/2} 99%${i}%`,rotate(i)

Aug 11 2026 12:20 PM UTC

}// 138/140

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

Fragmented Spiral