Diet Sinewave Pattern, now with only 10… by firegodjr

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 2 remixes fullscreen

firegodjr

remix of d/7650 by u/firegodjr

function u(t) {

c.width=1920
for(y=41;--y;){x.fill();x.beginPath();for(w=33;--w+1;){x.lineTo(60*w,S(t+y/5+w/2)*50+30*y-75)}}

Apr 16 2018 5:30 PM UTC

}// 108/140

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

Diet Sinewave Pattern, now with only 108 characters! (Had some leftovers from my original dweet idea that were clogging up the charcount, plus optimized the loops and positioning)

Show more comments…
u/BalintCsala

98 chars: for(c.width|=y=40;y--;x.fill(),x.beginPath())for(w=33;w--;x.lineTo(60*w,S(t+y/5+w/2)*50+30*y-75));
u/firegodjr

Thanks! I'm a bit new to reverse loop iteration, so I didn't think of replacing the --w+1. How does the c.width|=y reset the width properly, though?
u/BalintCsala

It sets it to 1960
u/iverjo

Cool! Deserves more attention
u/magna

98 chars: for(c.width|=y=41;--y;x.beginPath(x.fill()))for(w=33;--w+1;)x.lineTo(60*w,S(t+y/5+w/2)*50+30*y-75)
u/magna

Ah, u/BalintCsala beat me to it... :)
u/jylikangas

96 chars if you replace --w+1 with w--


      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