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

nickd3000

function u(t) {

v=160;for(i=0;i<60*v;i++)l=(i%v),m=((i/v)|0),
k=v*((((S(l/4)*C(m/4))+(t*3)|0))%5),x.fillStyle=R(k*2,k/4,7*m+v-k),x.fillRect(l*20,m*20,20,20)

Feb 1 2018 6:42 PM UTC

}// 140/140

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

dot repeater

u/magna

So stylish!
u/sigveseb

Looks great!
u/iverjo

#dots

show FPS hide FPS share 1 remix fullscreen

akm

remix of d/6663 by u/Anthorouss

function u(t) {

c.width=1920
for(i=140,l=500;i--;x.lineTo(m,k+10))n=S(t-i/4)*3e2,x.arc(m=i*18-120,k=-n+l,30,0,6.283,x.moveTo(m+220,n+l))
x.fill()
x.stroke()

Feb 2 2018 10:12 PM UTC

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

Anthorouss

function u(t) {

c.width=1920
for(i=30,l=99;i--;w(-1),w(1),x.stroke())n=C(t-i*.4)*75,w=z=>x.fillRect(k=z*n+l,m=150*i/4,9,9,x.moveTo(n+l,m+5),x.lineTo(k,m+5))

Feb 2 2018 3:05 PM UTC

}// 140/140

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

Mimified by u/akm

u/Jezza

Deoxyribonucleic Acid!

show FPS hide FPS share fullscreen

marc8

function u(t) {

c.width|=0
for(i=0;i<9;i++){
x.fillStyle=`hsla(${i*25},100%,50%,.5)`
x.fillRect(Math.max(500,Math.min(1300,(i+5)*100+S(t)*800)),400,50,200)}

Feb 2 2018 6:02 PM UTC

}// 140/140

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

u/lionleaf

Always fun with remixes of the default dweet! Nice one!
u/f8f82804

#default

show FPS hide FPS share fullscreen

BirdsTweetCodersDweet

remix of d/6674 by u/akm

function u(t) {

d=x.createImageData(c.width=192,c.height=108);for(i=3;i<9e5;i+=4)d.data[i]=S(T(new Date%40))*255;x.putImageData(d,0,0)

Feb 3 2018 8:59 PM UTC

}// 118/140

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

Changed i limit to 9e5 for more random-seeming bars and did S(T( for a cooler effect

u/BirdsTweetCodersDweet

Changed i limit to 9e5 for more random-seeming bars and did S(T( for a cooler effect
u/Apex

Looks cool but lags like crazy for me

show FPS hide FPS share fullscreen

Apex

remix of d/6616 by u/akm

function u(t) {

c.width+=0
x.font='90px a'
x.fillText('Time wasted watching this dweet: '+~~(t/60)+'m'+~~t%60+'s',0,70)

Feb 3 2018 8:23 PM UTC

}// 103/140

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

Golfed the time-waster

u/Apex

Less charming, I know, but at least it fixes the typo
u/akm

Oh my goodness, I just noticed my typo. I like the trick you did for the font!
u/Apex

Lmao, thanks
u/Purpzie

i love this skdfjsdhfjsdjf

show FPS hide FPS share 1 remix fullscreen

jonathan_b

remix of d/6685 by u/ellisk1

function u(t) {

r=S(t),q=t%4*500,x.fillStyle=`hsl(${r*256},90%,50%,60%)`,x.beginPath(),x.arc(960+q*C(a=6*q+t),600+q*S(a),q/2+20,e=3+a,e+.8+r%1/3),x.fill()

Feb 4 2018 7:31 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

nickd3000

function u(t) {

v=160,s=20;for(i=0;i<60*v;i++)l=(i%v),m=((i/v)|0), k=v*(1+S((C(l/15)/C(m/17))+(t*4))),x.fillStyle=R(n=k+m*2,n+m,n+k),x.fillRect(l*s,m*s,s,s)

Feb 1 2018 9:02 PM UTC

}// 140/140

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

field work

u/41407

Awesome! I managed to shorten it down to 129 if you want to add something to it: v=160;s=20;for(i=60*v;i--;l=(i%v))m=(i/v)|0,k=1+S(C(l/15)/C(m/17)+t*4),x.fillStyle=R(n=k*v+m*2,n+m,n+k*v),x.fillRect(l*s,m*s,s,s)

show FPS hide FPS share fullscreen

function u(t) {

x.drawImage(c,i=0,8);a=t?a:[...S+0].map(p=>p<'_'),b=[];while(i<240)d=b[i]=a[i-1]^a[i+1],x.fillStyle=R(g=!d<<8,g),x.fillRect(i++*8,0,8,8);a=b

Feb 3 2018 3:34 PM UTC

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

jonathan_b

remix of d/6672 by u/BirdsTweetCodersDweet

function u(t) {

t?0:s=0;for(c.width|=a=4e2;a--;x.stroke())x.beginPath(),x.ellipse(980+300*C(a),500+250*S(S(a*2+s)),600+10*S(a),150+100*C(a+s),0,0,7),s+=1e-4

Feb 3 2018 7:42 AM UTC

}// 140/140

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