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

Agnes

function u(t) {

with(x)for(c.width|=i=10;i--;)for(j=11;j--;beginPath(),arc(192*(i+(j%2)/2)+15*S(a=i+j+t),108*j+15*S(a/2),6+2*S(a)*S(a/2),0,7),fill());

Apr 16 2018 11:56 AM UTC

}// 134/140

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

Another curtain-like effect.

u/Agnes

#curtain

show FPS hide FPS share 2 remixes fullscreen

Agnes

function u(t) {

with(x)for(c.width|=i=15;i-->1;)for(j=5;j--;beginPath(),arc(960,540,150+25*i,o=i*t,6.3/j+o),lineWidth=2*j+5,strokeStyle=R(0,40*j),stroke());

Apr 16 2018 10:50 AM UTC

}// 140/140

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

Obviously inspired by https://twitter.com/beesandbombs/status/9812…

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/3634 by u/joeytwiddle

function u(t) {

r=Math.random,w=700,a=w*r()**.6,p=w*r(),x.fillRect(p&7?960+a/2*C(p):960+99*C(p),p&7?980-a-a/6*S(p):90+200*r()+30*S(p),.2,.2),t<9&&u(t+.002)

Apr 12 2018 6: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).

Example of looping with recursion, trailing off as time goes by

u/joeytwiddle

For the first 9 seconds it calls u() 250 times per frame (on average), after that just once per frame
u/hollo47

Looks like these M.C. Escher lithographies, I love the feel of it!

show FPS hide FPS share fullscreen

Galaxtone

remix of d/7617 by u/dragon7076

function u(t) {

t*=2;for(i=1;i<10;i++)x.beginPath();x.moveTo(960+(i-1)*99*C(t),20*t+(i-1)*99*S(2*t));x.lineTo(960+i*99*C(t-1),20*t+i*99*S(2*t-1));x.stroke()

Apr 16 2018 10:25 AM UTC

}// 140/140

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

Change the i<10 to i<5 for smaller results, t*=2 to t*=1 for "higher detail"

show FPS hide FPS share fullscreen

Agnes

function u(t) {

T=new Date().getTime()/1e3;for(O=t?O:T,c.width|=i=3,x.scale(10,10);i--;x.fillText(i>1?t:i?M=T-O:f=t?f:0,9,30+30*i));f++;for(j=1e3*~~t;j--;);

Apr 16 2018 8:45 AM UTC

}// 140/140

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

Dweet illustrating how t diverges from time reported by getTime() as framerate gets lower. Warning: this dweet intentionally loops for longer and longer, and will probably eventually lock your browser if you have it on screen for 20 minutes.

u/joeytwiddle

T=Date.now()/1e3 to save 10 chars ;-)
u/BuRRak

new Date/1e3 to save 12 bytes actually

show FPS hide FPS share 1 remix fullscreen

firegodjr

function u(t) {

c.width=200
r=1.57
for(w=0;w<4;++w,x.stroke())for(s=0;s<2;++s)for(i=0;i<2;++i){x.lineTo(C(t+(i+s+w)*r)*50+100,S(t+(i+s+w)*r)/3*50+60*s+30)}

Apr 12 2018 7:21 PM UTC

}// 139/140

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

Attempted remix of d/7495!

u/firegodjr

Well, not a remix, but a rewrite. I was certainly inspired by d/7495, but I didn't copy its code. :P
u/iverjo

#cube

show FPS hide FPS share fullscreen

TheVisigoth

function u(t) {

c.width=1920
for(i=0;i<22;i++){
x.moveTo(-5,i*50)
for(j=0;j<200;j++){
x.lineTo(j*10,i*50+C((t*3+j/3+i/2)/3)*30)
}
x.stroke()
}

Apr 15 2018 4:28 AM UTC

}// 126/140

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

some breezy waves inspired by the curtain posts

show FPS hide FPS share 1 remix fullscreen

firegodjr

remix of d/7642 by u/firegodjr

function u(t) {

c.width=200
r=1.57
for(w=0;w<2;++w,x.stroke())for(s=0;s<5;++s)for(i=0;i<2;++i)x.lineTo(C(t+(i+s+w)*r)*50+100,S(t+(i+s+w)*r)/3*50+30+s%2*60)

Apr 13 2018 5:13 PM UTC

}// 139/140

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

Much cleaner :)

show FPS hide FPS share 2 remixes fullscreen

Agnes

function u(t) {

for(c.width|=i=0;i++<100;f=1-i/100,x.fillStyle=R(o=255*f,o,o,1-f),x.font=4*i+"px A",x.fillText("Neat text",200*(1+f*S(t)),540+200*f*S(t)));

Apr 13 2018 9:13 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/DirtyDan

Neat.

show FPS hide FPS share 1 remix fullscreen

jylikangas

function u(t) {

c.width=200
for(i=2;i--;x.lineTo(X+3,Y>71?Y:71))Y=S(t*3+i*3.14)*60,x[f='fillRect'](X=50+i*99,Y=Y>9?89:80+Y,6,-9)
x.stroke()
x[f](98,75,9,20)

Apr 11 2018 3:13 PM UTC

}// 140/140

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

Seesaw

u/jylikangas

Feel free to remix with emojis :)
u/magna

Added emojis, sound and parallax background: d/7633
u/jylikangas

c.width=200 for(i=2;i--;x.lineTo(X+3,Y>71?Y:71))Y=S(t*3+i*3.14)*60,x[f='fillText']('🕺',X=50+i*99,Y=Y>9?89:80+Y) x.stroke() x[f]('🎩',99,88,9)
u/iverjo

#bounce