Blowing The Enemy #coronavirus by rodrigo.siqueira

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.

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/17953 by u/tomxor

function u(t) {

c.width=-1;for(i=2e3;m=i&1,v=(K=t%2)<1?25:K%1*99**1.1,p=i%3*3,i--;)x.fillRect(150+p*S(P=i**.7)+v*C(V=i**.5+t),78+p*C(P)+v*S(V)*C(!p*i),1,1)

Mar 16 2020 11:30 AM UTC

}// 139/140

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

Blowing The Enemy #coronavirus

Show more comments…
u/WorldMerge

This is really cool! Does setting the canvas width to -1 make it full-width?
u/rodrigo.siqueira

c.width=-1 is a trick I saw here (probably from u/pavel) that makes width=300 pixels. I used throw(c.width) to see "300". So it's a compact form to create a medium-low resolution image.
u/tomxor

300px is the default canvas width. What's particularly odd is that while setting negative numbers causes default value, everything else that ordinarily coerces to NaN will result in 0. e.g throw Number({}).toString() // NaN c.width={}; throw c.width.toString() // 0
u/tomxor

I guess in c++ land width has outofrange=300 and NaN=0
u/katkip

looks good
u/katkip

but dangerous


      u(t) is called 60 times per second.
      t: elapsed time in seconds.
      c: A 1920x1080 canvas.
      x: A 2D context for that canvas.
      S: Math.sin
      C: Math.cos
      T: Math.tan
      R: Generates rgba-strings, ex.: R(255, 255, 255, 0.5)

dwitter.net