xor texture zoom with correct brightnes… by tactical_retard

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

tactical_retard

function u(t) {

s=0|t%6*20
M=Math
for(i=s*s;i--;x.fillRect(X*(a=1920/s),Y*(b=1080/s),a,b)){X=i%s
Y=0|i/s
x.fillStyle=R((X^Y)/(2**M.ceil(M.log2(s))-1)*255)}

Mar 1 2022 3:24 AM UTC

}// 139/140

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

xor texture zoom with correct brightness scaling based on resolution

u/tactical_retard

brightness = (x ^ y) / (2 ** ceil(log2(s)) - 1) * 255
u/tactical_retard

More correct version: x.fillStyle=R((X^Y)/(2**(s-1?0|Math.log2(s-1)+1:1))*255). It subtracts 1 from s because the maximum value the component of a coordinate can have is s - 1 (e.g. the maximum x value for a coordinate on a 1920x1080 display is 1919). It also uses a more reliable method for getting the bit count of a number, because apparently the one in the post is quite naive. I wrote this script to test different methods and found 3 perfect ones: https://ghostbin.com/6DkSj/raw
u/tactical_retard

new link: https://pst.klgrth.io/paste/q4pvr/raw , archive: http://web.archive.org/web/20220601015945/ht…


      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