Noise over the gradient circle. Based o… by rodrigo.siqueira

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

rodrigo.siqueira

function u(t) {

for(i=470;i--;c.style.filter=`invert(`)
f=t/3%6.28,
X=S(f-4)*i,
Y=C(f-4)*i,
x.fillRect(960+X,540+Y,1,1),
x.fillStyle=R(k=f*45+S(X*Y)*99,k,k)

Feb 14 2022 1:04 AM UTC

}// 140/140

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

Noise over the gradient circle. Based on the cover art of the book "Imaginários Tecnocientíficos" (design by Carol Ohashi). Moiré patterns can be seen in the first circle. Wait for the second round to complete.


      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