Blancmange curve (Takagi curve) #fractal 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 1 remix fullscreen

rodrigo.siqueira

function u(t) {

f=n=>Math.abs(n-Math.round(n))
for(X=1920;X--;){
 Y=1
 for(k=9;k--;){
  Y-=(Math.abs(f(2**k*X/1918))/2**k)
 }
 x.fillRect(X,Y*999,2,9)
}

Aug 7 2023 2:20 PM UTC

}// 136/140

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

Blancmange curve (Takagi curve) #fractal

u/rodrigo.siqueira

Based on the discussion: "Unexpected link between pure mathematics and genetics." https://news.ycombinator.com/item?id=37011776
u/rodrigo.siqueira

This fractal curve described by Teiji Takagi in 1901 is constructible by midpoint subdivision. It's called the blancmange curve, because it looks like the French pudding dessert. Implementated here from the "blanc(x)" function: https://en.wikipedia.org/wiki/Blancmange_cur…


      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