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

remix of d/35349 by u/rodrigo.siqueira

function u(t) {

for(i=50;i--;f(i,t,540))f=(X,Y,n)=>n--&&(f(1+.9*(X*C(Z=.3/(X*X+Y*Y-.1)+2)-Y*S(Z)),X*S(Z)+Y*C(Z),n),x.fillRect(X*740+510,710-Y*530,t<3,.1))

May 7 2026 4:12 PM UTC

}// 138/140

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

Triple attractor

show FPS hide FPS share fullscreen

ximavus

function u(t) {

t?Y=t*60:c.width=568
F=_=>(X^Y)*(X&Y)+(X|Y)
for(X=568;X--;x.fillRect(X,t*60,1,1))x.fillStyle=`hsl(${F()} 99%50%)`

May 9 2026 8:10 AM UTC

}// 114/140

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

sierpinsky chaos

show FPS hide FPS share fullscreen

taupelink

remix of d/35301 by u/taupelink

function u(t) {

z=t?z+C(z/6):1;for(i=6e3;i--;x.fillRect(i/3,60*t,(z%=12)+1,z/=.8+S(t*z+t/8)/4))x.fillStyle=(z+=S(i/2e3-9/z))&6?z&3?'#0136':'#EEE1':'#9FE3'

May 6 2026 4:26 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/35344

u/Axioplase

Nice. It looks like a forest with lakes, seen from a plane!
u/KilledByAPixel

that's cool, i see it! 🛩️
u/magna

WOW

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/35346 by u/mark1626

function u(t) {

for(i=99;i--;f(i,t,280))f=(X,Y,n)=>n--&&(f(1+.96*(X*C(Z=.2/(X*X+Y*Y)+1)-Y*S(Z)),(X*S(Z)+Y*C(Z)),n),x.fillRect(X*600+650,Y*440+190,t<3,.1))

May 6 2026 10:43 PM UTC

}// 138/140

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

Multiple vortex convergence

show FPS hide FPS share fullscreen

taupelink

remix of d/35347 by u/taupelink

function u(t) {

with(x)for(m=400>>t;m--;fill(arc(m**4%1951,m**3%1129,m/(i*t)**.2,i,i+1+t)))beginPath(fillStyle=`hsl(${i=15+(m%8)**3},30%,${107-i**.7}%,.2)`)

May 9 2026 6:20 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/35357

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

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.23,r+S(v=r*2.5)+C(v/5+t*8))
else x.fillRect(X,Y,t<2,.1)}
for(i=2e4;i--;)f(960,540,99,t*i)

May 6 2026 3:42 AM UTC

}// 134/140

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

penta-sphere

show FPS hide FPS share fullscreen

mrm

function u(t) {

c.width|=0;for(i=4e4;i--;)x.fillRect((q=2*S(4*(k=3*C(i/14)))+.3/k+S(e=i/2e3-20)*k*9)+40*C(p=(d=(k*k+e*e)**.5)-t)+960,q*S(p)+53*d,1,1)

May 8 2026 4:45 PM UTC

}// 133/140

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

Abyssal tendril

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.

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