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 1 remix fullscreen

taupelink

remix of d/35345 by u/taupelink

function u(t) {

with(x)for(m=600;m--;fill(arc(m**5%2011,m**4%1091,i*(300-i)/60/t**t,m,m-6+t)))beginPath(fillStyle=`hsl(${i=(m%17)**2+5},75%,50%,${1/t/i}`)

May 6 2026 1:16 PM UTC

}// 138/140

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

d/35347

show FPS hide FPS share fullscreen

yokiebob

function u(t) {

with(x)q="strokeText",j=200,c.width|=0,font="170px Arial",lineWidth=7,setLineDash([j,10,(C(t*9)+1)*200]),x[q]("Help me compress",j,j);

May 7 2026 2:04 AM UTC

}// 134/140

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

In comments pls

Show more comments…
u/yokiebob

with(x)for(O=200,i=0,c.width|=0,q=Math,f=t=>S(t)+C(t),y=t=>f(t)*C(t)+t,d=t=>(y(t+.1)-y(t))/(f(t+.1)-f(t));i++<14;)m=(3*t-i/2)%7,save(),translate(f(m)*O+600,y(m)*O-O),rotate(q.atan(d(m))),fillRect(-25,-99,50,O),restore();
u/KilledByAPixel

https://beta.dwitter.net/ has built in compression. ;)
u/yokiebob

I mean that I want to reduce the byte size to fit. I know about the compression already and I don't think mine fits with that compression anyway yet.
u/cantelope

of help perhaps, https://dwitter.net/h/compressor i use d/11852 a lot
u/KilledByAPixel

check this one out https://www.dwitter.net/d/19823
u/yokiebob

Cool Dweet! That's basically the look I was going for. What I really meant to say was help me _golf_ this, because even with compression I can't get it sub 140. If it's just a skill issue sorry. I got the dweet to 216 uncompressed right now.
u/yokiebob

with(x)for(O=200,i=0,c.width|=0,f=t=>S(t)+C(t),y=t=>f(t)*C(t)+t,d=t=>(y(t+.1)-y(t))/(f(t+.1)-f(t));i++<14;)m=(3*t-i/2)%7,translate(f(m)*O+600,y(m)*O-O),rotate(Math.atan(d(m))),fillRect(-25,-99,50,O),resetTransform();
u/dee-gomma

Simple initial golfing to reach the goal:
u/dee-gomma

with(x)for(c.width|=i=O=200,f=t=>S(t)+C(t),y=t=>f(t)*C(t)+t;i--;fillRect(-25,-99,50,O),resetTransform())translate(f(m=(3*t-i/2)%7)*O+600,y(m)*O-O),rotate(Math.atan((y(a=m+.1)-y(m))/(f(a)-f(m))))
u/yokiebob

Thanks! Nice work.
u/Joachim

enjoy --> c.width=400,x.font='50px"',x.setLineDash([120+C(t)*120,120]),x.strokeText("Help me compress",9,99)

show FPS hide FPS share 1 remix fullscreen

mark1626

function u(t) {

v=125;for(i=v;i--;f(i,t,v))f=(X,Y,n)=>n--&&(T=.4-6/(1+X*X+Y*Y),f(1+.9*(X*C(T)-Y*S(T)),.9*(X*S(T)+Y*C(T)),n),x.fillRect(3*v+X*v,3*v+Y*v,1,1))

May 6 2026 12:03 PM UTC

}// 140/140

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

ikeda map

u/mark1626

https://en.wikipedia.org/wiki/Ikeda_map

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/34918 by u/rodrigo.siqueira

function u(t) {

c.style.filter=`invert(`
for(𝕏=X=Y=i=3e4;i--;𝕏=X,x.fillRect(Y*900+960,X*1600+210,t<1,.1))
X=T(X*X-Y*Y)+.27,Y=T(𝕏*Y-.02+S(i/1.02+S(i+t)%1)/3)

May 5 2026 2:28 PM UTC

}// 140/140

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

Silk surface

show FPS hide FPS share 2 remixes fullscreen

taupelink

remix of d/35305 by u/taupelink

function u(t) {

with(x)for(m=700;m--;fill(arc(m**5%2e3,m**4%1091,i*(250-i)/30/t**t,m,m-6+t)))beginPath(fillStyle=`hsl(${i=(m%2.8)**5+60},85%,60%,${t/i})`)

May 6 2026 5:25 AM UTC

}// 138/140

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

d/35345

show FPS hide FPS share fullscreen

mark1626

remix of d/35272 by u/rodrigo.siqueira

function u(t) {

f=(X,Y,s,r)=>{if(s>1)f(X+s*S(r),Y+s*C(r),s/1.28,r+S(v=r*1.5)+C(v/21+t*8))
else x.fillRect(X,Y,t<2,.1)}
for(i=2e4;i--;)f(960,540,99,t*i)

May 6 2026 3:51 AM UTC

}// 135/140

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

flame spikes

show FPS hide FPS share 1 remix fullscreen

taupelink

remix of d/35299 by u/taupelink

function u(t) {

with(x)for(m=1e3;m-->99;fill(arc(m**5%2011,m**4%1091,2e4/i/t**w,m,m-6+w)))beginPath(fillStyle=R(i=m*m%263+4,i/3*(w=t**.5),m/i,t*i**(w/9)/m))

May 4 2026 4:35 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/35305

show FPS hide FPS share fullscreen

Agnes

remix of d/34203 by u/Agnes

function u(t) {

f=960;V=_=>1-.7/f+Math.random()/f;x.font="20cm A";t?x.setTransform(V(),1-V(),1-V(),V(),f,540)&x.drawImage(c,-f,-540):x.fillText("🍓",400,800)

May 4 2026 11:07 AM UTC

}// 140/140

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

The strawberries in my fridge if I leave them alone for a single day #food

u/cantelope

they were never yours. if you can't touch it or spend it. it doesn't belong to you

show FPS hide FPS share fullscreen

mark1626

remix of d/35272 by u/rodrigo.siqueira

function u(t) {

f=(X,Y,s,r)=>{if(s>1)f(X+s*S(r),Y+s*C(r),s/1.25,r+S(v=r*1.1)+C(v/15+t*8))
else x.fillRect(X,Y,t<2,.1)}
for(i=2e4;i--;)f(960,540,99,t*i)

May 6 2026 3:47 AM UTC

}// 135/140

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

Hendecagram

show FPS hide FPS share 1 remix fullscreen

taupelink

remix of d/35296 by u/taupelink

function u(t) {

with(x)for(m=1e3;m--;fill(arc(m%11*192+r*C(i=m*95),(m>>4)%7*192+r*S(i),r*w,i,i-6+t)))beginPath(fillStyle=R(r=m**(1-t/12),r,r,w=t**-(t**.5)))

May 3 2026 5:54 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/35304