Color Preview - use R, G, B to increase… by BuRRak

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

BuRRak

function u(t) {

onkeydown=u=>c[(e=u.key.toLowerCase())]=(c[e]|0)+(u.shiftKey?-1:1);c.style.background=R(c.r,c.g,c.b);throw c.r+';'+c.g+';'+c.b;

Feb 20 2018 5:40 PM UTC

}// 127/140

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

Color Preview - use R, G, B to increase the RGB values and shift + R,G,B to decrease them

u/akm

golfed it down to 99 chars: with(c){onkeydown=u=>[e=u.code[3]]=e+u.shiftKey?-1:1,style.background=R(r,g,b);throw r+';'+g+';'+b}
u/BuRRak

Oh wow, you won't stop amazing me! :)
u/joeytwiddle

Useful! :)
u/BirdsTweetCodersDweet

onkeydown=u=>c[(e=u.key.toLowerCase())]=(c[e]|0)+(u.shiftKey?-1:1);c.style.background=R(a=c.r%255,b=c.g%255,d=c.b%255);throw a+';'+b+';'+d; fixed your throws ;)
u/BirdsTweetCodersDweet

Or. with akm's modifications: with(c){onkeydown=u=>[e=u.code[3]]=e+u.shiftKey?-1:1,style.background=R(a=r%255,d=g%255,e=b%255);throw a+';'+d+';'+e}


      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