#default #dweetsplain by tomxor

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

tomxor

remix of d/21547 by u/tomxor

function u(t) {

for (c.width=128, i=8192; i--;) x.fillRect(
	X=i&127, Y=i>>7, 1,
	!( X/34-65/35 | Y/8-37/9 | X+2&4 )
)

Feb 4 2021 12:26 AM UTC

}// 102/140

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

#default #dweetsplain

u/tomxor

Each block is 4 pixels wide. Remove 2 of the three parts inside !( ) to see how each contributes to the shape. Make sure to leave an | 0 to the right in order to floor the result. Black represents 0, white represents 1 or more. The idea is to lay down three different layers, the non zero numbers all merge together throught OR, the black area that remains is the 0 from each layer.
u/tomxor

X/34-65/35 | 0 scales X so that -1 and +1 lie on the left and right edges with 0 in between. The width = 34=17*4px/2 (17 blocks and gaps, divided by two because it's from -1 to +1). 65=128/2+1, the center of the canvas+1 due to -0 bias divided by 35 to match the scale of X. Y/8-37/9 | 0 does the same for the top and bottom edges. X+2&4 creates a repeating pattern 0,4,0,4 every 4 pixels, +2 shifts it by half a block to line up with the left and right edges due to the odd number blocks required for the default.
u/Qwitter

thanks for this


      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