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

GreenBeans

function u(t) {

c.width=1920
x.fillStyle=R(0,255,0)
x.font="80px Arial"
x.fillText('mine',800,600)
for(i=0;i<81;i++)
x.fillText('beans',i%9*300,50*i*T(t))

May 8 2020 6:26 PM UTC

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

nml

function u(t) {

c.width=1920
x.fillStyle=(R(99*S(t),99*C(t),99*T(t)))
for(i=0;i<10000;i++)
x.fillRect(-40000+i*100+T(t)*300,40,50,2000)

May 8 2020 6:08 PM UTC

}// 119/140

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

some trippy rainbow barcode thing

show FPS hide FPS share fullscreen

Meepster99

function u(t) {

m=Math
if(t==0)a=b=.3
c=m.floor(m.random()*3)
a=(a+[0,1,2][c])/2
b=(b+[0,1,0][c])/2
x.fillStyle=R(255*a)
x.fillRect(960*a,1080*(1-b),5,5)

May 8 2020 5:58 PM UTC

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

nml

function u(t) {

c.width=1920
i=0
i=i*i*10
x.fillStyle=`hsla(${i+t*20},90%,50%,.3)`
for(i=0;i<9;i++)
x.fillRect(400+i*100+S(t)*400,i*100,50,200)

May 8 2020 5:56 PM UTC

}// 127/140

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

some rainbow rectangle steps

show FPS hide FPS share fullscreen

Lukieeee

function u(t) {

with(x)for(i=50;i--;beginPath(fill()))x.fillStyle=R(o=i*t,0,o),arc(420+i*C(T(i))*i,540+i/t*T(C(i-t))*i,256/t,0,7);x.drawImage(c,-t,0)

May 8 2020 5:46 PM UTC

}// 133/140

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

u/katkip

haven't you copied this from me and changed only the color?
u/katkip

i can see that clearly

show FPS hide FPS share fullscreen

katkip

function u(t) {

eval(unescape(escape`𩠽𚁸𛁹𛁮🐵𚐽🡮🠰🱦𚁦𚁹𛁸𛰲𛁮𛐱𚐪𜠬𮐯𜠭𮀯𜠭𭀪𜠬𫠭𜐩𞡓𚁸𚐻𩡯𬠨𪐽𜠴𜀻𪐭𛐻𚑸𛡦𪑬𫁓𭁹𫁥👒𚁦𚁩𛁴𛀵𚐪𜠵𝐬𩠨𪐬𭀬𝠩𚠲𝐵𚐬𮀮𩡩𫁬𤡥𨱴𚁩𚠸𛀰𛀸𛀸𚐻𮀮𩁲𨑷𢑭𨑧𩐨𨰬𜀬𞀩`.replace(/uD./g,'')));

May 8 2020 5:38 PM UTC

}// 120/140

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

f=(x,y,n=5)=>n>0?f(f(y,x/2,n-1)*2,y/2-x/2-t*2,n-1):S(x);for(i=240;i--;)x.fillStyle=R(f(i,t,5)*255,f(i,t,6)*255),x.fillRect(i*8,0,8,8);x.drawImage(c,0,8)

u/DaSpider

#recursive

show FPS hide FPS share fullscreen

katkip

remix of d/18597 by u/pavel

function u(t) {

with(x)for(i=666;i--;fillRect(~setTransform(s=1e4/i,t*3,0,5*s,960+i*S(t*2+i/34)+9*s*C(a=i+t*60),i+8*s*S(a)),~rotate(a*2),2,2))fillStyle=R(i)

May 6 2020 2:48 PM UTC

}// 140/140

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

Hellish #cavern

u/joeytwiddle

Plenty of time for that later...

show FPS hide FPS share 1 remix fullscreen

taupelink

remix of d/18629 by u/taupelink

function u(t) {

f=(x,y)=>T(x*x)>S(y**3)?f(x-y-.2,x+y+.3):S(x)+C(y);for(i=999;i--;)X=(r=Math.random)()*213,Y=r()*122,f(X/7,Y/4)>.2?x.fillRect(X*9,Y*9,1,1):t

May 10 2020 1:29 AM UTC

}// 139/140

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

d/18706

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/15976 by u/KilledByAPixel

function u(t) {

for(k=i=1e3;--i;x.fillRect(k+S(j=i/k+t/4)*i+S(m=k*j^k)*(r=1e5/i),540+C(j)*i+(z=C(m)<0?C(m):.4)*r,s=6e4/i,s,x.fillStyle=R(++z*99+i*.7,i/3)));

May 5 2020 5:06 PM UTC

}// 140/140

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

Lava #Cavern 🌋

u/KilledByAPixel

reposted to tweak the colors :)
u/joeytwiddle

#tunnel

show FPS hide FPS share fullscreen

Xen

remix of d/18671 by u/nml

function u(t) {

for(c.width|=i=1e3;i--;x.fillRect(i*99-(t*i*99%99),0,50,2e3))x.fillStyle=`hsl(${i*9+t*99},50%,50%)`

May 8 2020 11:57 PM UTC

}// 99/140

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

Golf and test