short looped variant of d/19958 by smtsjhr

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 1 remix fullscreen

smtsjhr

remix of d/19958 by u/smtsjhr

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪁼👪🐱𝠻𪠭𛐻𚑻𮀮𫑯𭡥𥁯𚁵🐵𜀰𚠨𥀨𭀯𝰫𪠩𛐮𝐩𛁶👵𛰲𚰲𜀰𚡃𚁪𚱴𚐩𞱦𫱲𚁩🐵𞱩𛐭𞱸𛡬𪑮𩑔𫰨𭐫𚁷🐭𝐰𚱵𛰵𚐪𠰨𨐽𛠳𚱓𚀵𚡴𚰱𜀪𤰨𪠩𚐯𜐮𝐩𚡓𚀱𛠵𚡩𚐬𭠫𭰪𚁃𚀱𛠵𚡩𚐯𝐰𚱩𙐲𚡓𚁡𚐩𚐩𮱸𛡦𪑬𫀨𚑽𯐻`.replace(/u../g,'')))

Sep 15 2020 3:07 AM UTC

}// 134/140

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

short looped variant of d/19958

Show more comments…
u/danny@hille.dk

for(c.width|=j=16;j--;){x.moveTo(u=500*(T(t/7+j)-.5),v=u/2+200*C(j+t));for(i=5;i--;x.lineTo(u+(w=-50+u/5)*C(a=.3+S(5*t+10*S(j))/1.5)*S(1.5*i),v+w*(C(1.5*i)/50+i%2*S(a)))){x.fill()}};
u/danny@hille.dk

Woops didn't mean to sumitt that :-)
u/danny@hille.dk

143b and still looks ok... ->for(c.width|=j=9;j--;)for(i=4,x.moveTo(u=500*(T(t/4+j)),v=u/i+9*C(t));i--;x.lineTo(u+j+v*C(a=S(5*t+S(j)))*S(1.4*i),v+v*(a/9+i%2*S(a))))x.fill()
u/danny@hille.dk

I can't shave of the last 3 bytes without messing it up :-(
u/danny@hille.dk

139b version ->for(c.width|=j=9;j--;)for(i=4,x.moveTo(u=555*(T(t/4+j)),v=u/i+9*C(t));i--;x.lineTo(u+j+v*C(a=S(5*t+S(j)))*S(1.4*i),v+v*(i%2*S(a))))x.fill()
u/smtsjhr

wow well done! very fair trade off removing that 'a/9' addition since its small: |a/9|<0.1
u/danny@hille.dk

Thanks, Im not going tell how long it took me to figure that out though :-)


      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