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

DataMeta

remix of d/2537 by u/phst

function u(t) {

c.width=1920;for(i=0;i<128;i++){x.fillRect(i*16,540+S(1.62*t-i)*360,S(S(i-t)-t)*120,10+t+C(Math.PI*i-t)*360)}

May 29 2018 3:05 AM UTC

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

S.T.L.K.R.

function u(t) {

c.width=-1
x.a=x.moveTo,x.b=x.bezierCurveTo
with(x)for(p=180;p-=9;a(0,p),b(0,p,150,p+S(t)*p,300,p),a(l=p*2,0),b(l,0,l,150,l,300),stroke());

May 29 2018 12:28 AM UTC

}// 139/140

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

Special thanks to pythech https://www.dwitter.net/u/pythech

show FPS hide FPS share fullscreen

hope4tg

remix of d/8217 by u/johnbruin

function u(t) {

c.width=-1
x.translate(150,85)
for(j=10;j--;){
x.rotate(t)
for(i=20;i--;)x.rotate(0.1*C(i+j)),x.fillText("----",0,j*C(S(t))*10)}

May 26 2018 6:36 PM UTC

}// 128/140

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

u/rhys5584

is this loss

show FPS hide FPS share fullscreen

GitAtMe

remix of d/8252 by u/prplz

function u(t) {

r=Math.random
for(i=500;i--;x[S(((22-y)**8+(22+z)**2)**.05-t)**2>.8?'clearRect':'strokeRect'](y*T,z*T,T=44,T))y=r()*T,z=r()*T

May 28 2018 2:24 AM UTC

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

pythech

remix of d/8293 by u/pythech

function u(t) {

c.onmousemove=e=>v=e.x
with(x)for(x.a=moveTo,x.b=bezierCurveTo,c.width=k=p=360;p-=9;b(p,!a(p,!b(!a(!stroke(),p),p,p,v,k,p)),v,p,p,k));

May 29 2018 1:37 PM UTC

}// 134/140

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

No difference, just using less chars

show FPS hide FPS share 1 remix fullscreen

S.T.L.K.R.

remix of d/8281 by u/S.T.L.K.R.

function u(t) {

c.onclick=e=>v=e.x;x.a=x.moveTo,x.b=x.bezierCurveTo
with(x)for(c.width=k=p=360;p-=9;a(0,p),b(0,p,p,v,k,p),a(l=p,0),b(l,0,v,l,l,k),stroke());

May 29 2018 9: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).

Click continuously while moving the mouse to get the effect #interactive

show FPS hide FPS share fullscreen

DataMeta

remix of d/8257 by u/DataMeta

function u(t) {

c.width=1920;for(i=0;i<120+t;i++){
x.fillStyle=R(172*S(t*.75),220*S(i+8*t),255*S(i*t*.33));
  x.fillRect(i*32,180-C(2*t+(i*6))*36,30,720);}

May 28 2018 3:33 AM UTC

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

jellyedwards

remix of d/8172 by u/generative-eu

function u(t) {

c.width|=0;with(x)for(i=66;i--;stroke())H=i%29,A=H>10,beginPath(lineWidth=25+H),arc(960,540,L=8*i,A*5.4,A?4:7),strokeStyle=R(255-L*t,0,0,.4)

May 24 2018 6:23 AM UTC

}// 140/140

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

What are you doing, Dave? .... #2001

u/zanella

*applause*
u/generative-eu

This is awesome, thanks for the remix!
u/jellyedwards

Thanks very much! I had tried something like this before but couldn't get it <140, your dweet really helped!

show FPS hide FPS share 1 remix fullscreen

Tesseract

function u(t) {

x.strokeStyle=R(9,t?(i+=2)/9:i=0,0,.3)
for(j=3e3;j--;x.beginPath(x.stroke()))l=(k=i|j)&-k,x.arc(j,i,(x.lineWidth=l/(l&i&j?.707:1))/18,0,7)

May 25 2018 5: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).

#fractal

u/Tesseract

Arc radius and line width are semi-interchangeable

show FPS hide FPS share 3 remixes fullscreen

sawaxon

function u(t) {

a=50,c.width|=0;for(j=0;j<599;j++)for(i=0;i<9;){x.fillStyle=`hsl(${++i*a},99%,50%)`
x.fillRect(j*4,S(j/50+t*4)*a,99,99),x.rotate(55)}

May 25 2018 12:28 AM UTC

}// 134/140

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