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

KilledByAPixel

remix of d/23535 by u/KilledByAPixel

function u(t) {

for(i=4*(c.width=450);i--;x[(t+j+i/350)&1|j>7?'moveTo':'lineTo'](225-C(t/2)*99+(64-i/14)*S(a=j*.4),99+86*C(t)**2+64*C(a)))j=i%9
x.stroke()

Aug 11 2021 2:41 AM UTC

}// 138/140

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

Amiga Ball #uncompressed #amiga

u/KilledByAPixel

fixed bounce for(i=4*(c.width=450);i--;x[(t+j+i/350)&1|j>7?'moveTo':'lineTo'](225-C(t/2)*99+(64-i/14)*S(a=j*.4),179-86*S(t%3.2)+64*C(a)))j=i%9;x.stroke()
u/vain

AMIGA !!!!! :D

show FPS hide FPS share fullscreen

bandaloo

remix of d/19281 by u/bandaloo

function u(t) {

for(i=2e3;i--;x.fillStyle=`hsl(${i/9+t*9},80%,${9+60*~~((1+C(t)+9*C(i/(99+80*C(t)))*S(t*9))%4)}%`)x.fillRect(i,0,1,9);x.drawImage(c,0,9)

Aug 10 2021 9:52 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 2 remixes fullscreen

rodrigo.siqueira

remix of d/23469 by u/rodrigo.siqueira

function u(t) {

for(c.width=w=417,d=new ImageData(w,w),m=w*w,i=-1;m--;d.data[i+=4]=i*Y*w&w+t*m*w&i+9e8)X=m-t*5e4,Y=m%w&w+X/w
x.putImageData(d,0,0)

Aug 10 2021 12:02 PM UTC

}// 130/140

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

#sierpinski static noise

u/magna

Very nice noise

show FPS hide FPS share 3 remixes fullscreen

mxfh

remix of d/855 by u/mxfh

function u(t) {

r=113;c.width|=w=710;for(λ=φ=a=w/r;λ+=a,φ>-a;φ-=.1)x.arc(C(φ)*S(d=λ-t)*r+w,(S(φ+a/4)*C(φ)*C(d))*r+w,φ**4,0,a)
x.fill("evenodd")

Aug 11 2021 12:33 AM UTC

}// 127/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/23536 by u/mxfh

function u(t) {

r=106;c.width|=w=300;for(λ=φ=a=w/r;λ+=a,φ>-a*12;φ-=.1)x.arc(C(φ)*S(d=λ-t)*r+960,(S(φ+a/4)*C(d))*r+530*(1+1/t),φ*φ,0,7)
x.fill("evenodd")

Aug 11 2021 2:07 PM UTC

}// 136/140

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

Spinning Vortex #vortex

show FPS hide FPS share fullscreen

LimeLaser

function u(t) {

h=(o,y)=>255*[1,1-t%1,0,0,t%1,1][((t|0)+o)%6]**(1/2.2)**y
for(v=2;v--;){x.fillStyle=R(h(0,v),h(4,v),h(2,v))
x.fillRect(60*t|0,540*v,1,500)}

Aug 11 2021 6:40 PM UTC

}// 139/140

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

Comparison of Linear and "sRGB" Rainbows

show FPS hide FPS share fullscreen

ArthurThuczsec

remix of d/23528 by u/rodrigo.siqueira

function u(t) {

for(d=new ImageData(c.width=w=256,m=w*w),i=3;m--;d.data[i+=4]=i&i*Y)Y=m%w&w+(m-t*19e12)/w&t*t;x.putImageData(d,0,0)

Aug 10 2021 7:24 PM UTC

}// 115/140

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

#sierpinski attack noise

u/cantelope

no moar sierpinski plox
u/ArthurThuczsec

"in less than 60 seconds you will see the most momentous explosion ever witnessed by human eyes!"

show FPS hide FPS share fullscreen

taupelink

remix of d/23504 by u/taupelink

function u(t) {

for(i=p=q=250;--i;x.fillRect(99*X,99*Y,q*q/3**t,p*p/3**t))f=i*t,X=f*f%20,Y=X*f%12,p=3*q*C(X*q+Y*p),x.fillStyle=R(q=S(p%=i+q)*i,q,q,p%T(q))

Aug 13 2021 1:09 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/23550

show FPS hide FPS share fullscreen

ArthurThuczsec

remix of d/23531 by u/cantelope

function u(t) {

eval(unescape(escape`𤐽𫐽🡸𛡬𪑮𩑔𫰨𞐶𜀫𤰨𬀽𪐯𝰫𭀪𝀩𚡓𚁮👱𛰨𭁼𜀩𚐯𚁚👃𚁰𚐪𤰨𫠩𛑓𚁴𚐭𜠩𚡨𛁨𚱃𚁮𚐯𦠪𪀩𞱦𫱲𚁩👣𛡷𪑤𭁨𯀽𪀽𝐴𜀻𪐭𛐻𮀮𨡥𩱩𫡐𨑴𪀨𮀮𩡩𫁬𚀩𚐩𪑦𚀨𪐫𚁱👩𛰶𜁼𜀩𚐥𜠩𤐨𤐨𤐨𤐨𚐬𚰫𪐩𛀫𚱱𚐬𛐭𪐩𛁸𛡦𪑬𫁓𭁹𫁥👒𚁨𛁩𛰵𚐻`.replace(/u../g,'')))

Aug 10 2021 8:26 PM UTC

}// 139/140

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

u/cantelope

wow
u/ArthurThuczsec

Just a slight tweak Mr Cantelope

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/23497 by u/danny@hille.dk

function u(t) {

for(c.width=w=255,i=4e4;i--;)x.fillRect(a=i%w,b=i/w,((o=(3-(4-5*(e=((X=2*b-w)*X+(Y=2*a-w)*Y)/w/w)+S(t))**.5)/++e)*Y-w*S(t)&w^X*o+t*w&w)/w,1)

Aug 8 2021 1:41 PM UTC

}// 140/140

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

Xor Sphere #uncompressed

Show more comments…
u/danny@hille.dk

Nice work!, I actually did try a solution with fillRect - but it totally kills my laptop, runs kinda ok on my phone though (I get around 11fps with this dweet on my laptop, 28 on my phone)
u/danny@hille.dk

btw nice trick with ++e, i haven't seen that before, I'll put it on my toolbelt right away :-)
u/KilledByAPixel

Yep, had to make some sacrifices for speed. You can do w=127 and get a pretty good fps!
u/danny@hille.dk

this is my aptempt: reduced the resolution to get at bit more performance: c.width=w=127;for(m=w*w;m--;x.fillRect(m%w,m/w,1,(Y*(o=(3-(4-5*e+S(t))**.5)/(e+1))*w+t*w&w^X*o*w&w)/w))e=(X=1-4*m/w/w)*X+(Y=-2+4*(m%w)/w)*Y
u/danny@hille.dk

with the ++e trick its only 137 bytes :-)
u/danny@hille.dk

Sorry i hadnt seen you wrote back, yep i did 127, (any pow(2)-1 will work for the xor pattern)
u/aleamb

#sphere
u/donbright

dude