Spinning orbs by BirdsTweetCodersDweet

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

BirdsTweetCodersDweet

function u(t) {

for(i=2;i--;)x.beginPath(x.fillStyle=R(i?a=S(t)*129+129:0,0,i?0:a))|x.arc(960+80*S(i?π=t*5:n),540+80*C(i?n=π+3:π),80-30*S(t*8),0,7)|x.fill()

Jun 10 2018 4:28 PM UTC

}// 140/140

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

Spinning orbs

Show more comments…
u/BirdsTweetCodersDweet

Longer, but better (153): for(i=2;i--;)x.beginPath(x.fillStyle=R(i?w=255-(s=C(t*2)*127+128):s,0,i?s:w))|x.arc(960+80*S(i?π=t*5:n),540+80*C(i?n=π+3.14:π),80-30*S(t*8),0,7)|x.fill()
u/BirdsTweetCodersDweet

Inspired by the "second phase" in http://slicker.me/javascript/yinyang.htm. Thank you to Joey, Veubeke, and Athos from Discord for the last ~100 chars golf (I still golfed it from 480 chars to 240 though :P)
u/BirdsTweetCodersDweet

Putting a=S(t*2) also makes the color transition better, but that would be 142 chars
u/pythech

just golfed the a=S(t*2) version
u/pythech

golfed the 153 chars version too
u/pythech

I don't feel comfortable owning your work just because I could golf it though. I just put them as remixes but I can delete them if you want and you can repost it I guess (I don't use discord, bummer, maybe I should?).
u/joeytwiddle

I also feel uncomfortable owning your Debian logo. But that's how things go on Dwitter these days! u/lionleaf was talking about a remix-in-comments feature. Perhaps this is part of the motivation.
u/pythech

Cool idea! Yours was a proper remix though IMO, which involved changing the code and so on. Also great job on that btw :D
u/BirdsTweetCodersDweet

No problem pythech, just post the links here, and give credit :P
u/BirdsTweetCodersDweet

And yeah, join discord


      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