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

rodrigo.siqueira

function u(t) {

t?c.style.filter=`invert(`:𝕏=X=Y=0
for(i=8e4;i--;𝕏=X,x.fillRect(3500+Y*5e3,1350+X*4e3,t<1,.1))
X=S(X*X-Y*Y+0.03),
Y=C(2*𝕏*Y+1.929)

Nov 3 2025 6:34 PM UTC

}// 130/140

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

The mysterious Simone Attractor (a=0.03, b=1.929) #attractor

u/ximavus

eeeerieeee
u/magna

I audibly said, "wow..."

show FPS hide FPS share fullscreen

UEZ

remix of d/34494 by u/joeytwiddle

function u(t) {

eval(unescape(escape`󩭯󬬨󨼮󭽩󩍴󪍼󟜰󛍩󟝫󟜷󝼻󪜭󛜻󮌮󩭩󫍬󤭥󨽴󚍥󚭫󚭃󚍴󚜫󞜶󜌭󝜪󥌨󭌭󬜯󜜵󚜬󝼴󜌫󤼨󭌩󚭫󛜹󚭥󚭃󚍴󚜭󬜪󪼬󪼪󫌬󪼩󚝥󟝩󛼷󯌰󛍱󟝩󙜷󛍬󟜨󚌧󓬘󿭩󞜸󞝩󿬘󓬧󛭣󪍡󬭃󫽤󩝁󭌨󩜩󟬾󬜩󙜲󚜬󮌮󩭩󫍬󤽴󮝬󩜽󤬨󬜽󟜴󙬡󫌦󚍥󟜽󜽼󩜽󟜷󚜦󙬨󫌽󜜬󜬵󝜩󚜻`.replace(/u../g,'')))

Nov 4 2025 2:41 PM UTC

}// 139/140

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

Angry Space Invader goes nuts

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/6159 by u/Exca

function u(t) {

for(c.width|=i=k=77;i--;x.fillRect(e*k*S(t)+960-5*T(t+q/15),740+C(t)*k-9*e*C(t)-q*k,k*(('¾i989i¾'.charCodeAt(e)>>q)%2),k))e=i/7|0,q=i%7

Nov 4 2025 7:37 AM UTC

}// 139/140

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

A little remix of the spinning alien

show FPS hide FPS share fullscreen

buddybearalex

function u(t) {

x.globalCompositeOperation="xor";if(t<1e-9){a=0;b=25};x.drawImage(c,1,1);x.fillRect(0,0,5+a,5+a);a+=1;

Nov 4 2025 10:57 PM UTC

}// 102/140

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

double sierpinski forming

u/gai

huh

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/23121 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`󭽩󭍨󚍸󚝦󫽲󚍫󟝙󟜵󝌰󞽫󛜭󞽢󩝧󪝮󤍡󭍨󚍦󪝬󫌨󨝲󨼨󦌬󦜬󦼳󜌬󜼱󛌴󞜬󝜰󛍙󧝛󪭝󚬸󛍰󟝫󛼱󝜬󪬿󬌫󛬱󝜺󞜩󚜩󚝩󟝫󙜲󛍪󟝫󛼹󝍼󫝯󭭥󥍯󚍘󟝙󚽩󚬹󜌰󛍙󚜬󩭩󫍬󤽴󮝬󩜽󨍨󬽬󚌤󮽪󚬳󜌭󜼰󚼳󛬸󜼪󪼫󭌪󝼲󜌪󚍩󛜮󝜩󯜠󙍻󪬥󝌦󙬹󜍽󙜵󜌥󨌻`.replace(/u../g,'')))

Nov 4 2025 4:29 PM UTC

}// 134/140

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

Growing/Shrinking Wheel 🌈 #Illusion

show FPS hide FPS share fullscreen

ximavus

function u(t) {

c.width|=0
F=_=>(X&Y+99*t)
for(X=120;X--;)for(Y=120;Y--;)if(F())x.fillRect(X*16,Y*9,16,9)

Nov 3 2025 3:22 PM UTC

}// 89/140

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

Sierpinsky triangle

u/ximavus

Its binary counting on pixels basically

show FPS hide FPS share fullscreen

DazeWare

remix of d/34483 by u/DazeWare

function u(t) {

c.width=w=99
for(i=w*33;i--;x.fillRect(i%w,i/w*2,1,9))f=i%w+i*S(t*.0009*S(t)),n=T(0|(i/w+f^f-i/w)/(3)),x.fillStyle=R(0,(i)*i&n,n^i*S(t))

Nov 2 2025 6:37 PM UTC

}// 136/140

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

u/ximavus

Looks like computer hardware with all those dots like electronics

show FPS hide FPS share fullscreen

ximavus

function u(t) {

t||x.translate(960,540)
onmousemove=e=>{R=e.x*3.4-960;T=e.y*3.4-540}
x.fillRect(R+C(t)*Math.hypot(R,T),T+S(t)*Math.hypot(R,T),9,9)

Nov 3 2025 3:27 PM UTC

}// 130/140

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

Circles

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/34470 by u/ximavus

function u(t) {

t?onmousemove=e=>T=e:x.translate(960,w=i=540)
for(i=w;i--;x.rotate(1))x.fillStyle=R(z=i*i%255,z,z),x.fillRect(T.x*3.4-960,T.y*3.4-w,20,20)

Nov 2 2025 3:45 PM UTC

}// 138/140

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

Mouse spiral paint #uncompressed as wished by u/ximavus

u/rodrigo.siqueira

My favorite trick here is onmousemove=e=>T=e:x , so you can get coords from T.x and T.y later. And the letter T prevents the "ReferenceError: X is not defined" initialization bug, since T is a previously defined variable.
u/rodrigo.siqueira

You can compress even more by changing the random component from i*i%255 to i*i%w but the image will be a little bit lighter.
u/rodrigo.siqueira

My second favorite trick here is the ternary operator: t?(...when t=0...):(...when t>0...)
u/ximavus

Thank you!
u/ximavus

Actually those tricks are awesome especially the onmousemove one

show FPS hide FPS share fullscreen

DazeWare

function u(t) {

c.width=w=99
for(i=w*33;i--;x.fillRect(i%w,i/w*2,t,9))f=i%w+999*S(t*.009),n=T(0|(i/w+f^f-i/w)/(9)),x.fillStyle=R(i**t,(i)<<n)

Nov 1 2025 7:17 PM UTC

}// 125/140

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