note to future self... this is some kin… by donbright

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

donbright

remix of d/6294 by u/nickd3000

function u(t) {

Q=(x,y)=>x*x+y*y
for(i=N=128;i--;)for(j=N;j--;)B=Q((半=64)-i,半-j-S(t/3)*半),G=Q(半-i-C(t)*半,半-j),x.fillStyle=R(B%G,G%B),x.fillRect(i*8,j*8,8,8)

Jan 23 2018 4:35 AM UTC

}// 140/140

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

note to future self... this is some kind of weird combination of interference patterns between waves, and circle-squares fractals ....to see whats going on, start out with fillstyle=R(B%256,0,0) then work from there.

u/donbright

note to future self... this is some kind of weird combination of interference patterns between waves, and circle-squares fractals ....to see whats going on, start out with fillstyle=R(B%256,0,0) then work from there.
u/donbright

in other words, it's not drawing the "lines of force", those lines are an artefact of the remainders of the 'quadrance' (squared distance) between the two black balls


      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