I know it’s not that sophisticated, but… by jwc

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

jwc

function u(t) {

with(x)for(c.width|=b=190;p=t+b/.6,r=64-64*S(p),b--;d=6+S(p),fill(ellipse(960-240*(1+b%2)*C(p),6*b,d,d,0,0,7)))beginPath(fillStyle=R(r,r,r))

Dec 22 2020 2:29 AM UTC

}// 140/140

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

I know it’s not that sophisticated, but it’s my first attempt at a dweet. I’m learning a lot looking at all the amazing work here.

u/jwc

I wanted to do something like d=6+S(p)*(1+b%2), but I couldn’t figure out how to make it fit.
u/pavel

arc?
u/jwc

Hah, of course! I was originally planning on trying an effect that squeezed one axis differently than the other and gave up on that, but didn’t think to replace ellipse with something else afterward. arc makes it perfectly fit in 140 with the above revision to d. Thanks :)
u/andrea270872

Nice. I get a vibe like "beam me up!" :)
u/jwc

This looks a lot better, but probably not different enough to be worthy of a remix :)with(x)for(c.width|=b=190;p=t+b/.6,r=64-64*S(p),b--;fill(arc(960-180*(1+b%2*2)*C(p),6*b,6+2*S(p)*(1+b%2),0,7)))beginPath(fillStyle=R(r,r,r))


      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