Etch a Sketch, AS - left knob CCW and C… 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 1 remix fullscreen

BuRRak

function u(t) {

t||(A=S=K=L=G=0);onkeydown=e=>self[e.code[3]]+=10;x.fillRect(S-A,L-K,10,10);G==0||(c.width|=G=0)

Feb 24 2018 5:08 PM UTC

}// 96/140

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

Etch a Sketch, AS - left knob CCW and CW, KL - right knob CCW and CW, G - shake

Show more comments…
u/snydej

I haven't figured out why yet but once I press "[" or "]", G stops working but A, S,K, and L still work.
u/BuRRak

Yeah, i have that issue too. Very weird
u/zanella

It's because, when you hit [ or ], e.code[3] evals to c (fourth letter in BracketLeft and BracketRight). Then, self[c] overrides the c variable, which is the reference to the canvas, and because of that c.width|= stops working. The other keys still work because x still points to the canvas context, which is what draws the rectangles. ;)
u/zanella

You can fix this and also code golf 4 characters:
u/zanella

t||(a=s=k=l=g=0);onkeydown=e=>self[e.key]+=10;x.fillRect(s-a,l-k,10,10);g==0||(c.width|=g=0)
u/snydej

zanella: I'll give you the golf, but it's not a fix. It'll break if you press x or c. Not that I care too much; this dweet is quite clever even if no one should ever do this in practice.
u/snydej

Btw thanks for the explanation :) Also I golfed 9 more characters off it: t?g?c.width|=g=0:onkeydown=e=>self[e.key]+=10:a=s=k=l=g=0;x.fillRect(s-a,l-k,10,10)
u/zanella

u/snydej You're right, it's not a fix if it breaks something else. :D And I agree, this dweet is totally ingenious!
u/zanella

The unavoidable remix: https://www.dwitter.net/d/7102


      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