Bubble Sort Caffeinated by skeletonNatte

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

skeletonNatte

remix of d/32899 by u/skeletonNatte

function u(t) {

W=c.width|=0
!t?a=Array(W).fill().map(Math.random):i=0
for(;i<W;a[j=i++%W]>a[q=j-1]?[a[q],a[j]]=[a[j],a[q]]:0)x.fillRect(i,0,1,1080*a[i])

Dec 12 2024 3:00 PM UTC

}// 137/140

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

Bubble Sort Caffeinated

u/cantelope

neat! i like your code where map returns Math.random. this works fine albeit the syntax is unconventional. i've often used the same abbreviated syntax in event listeners, to the horror of classically educated devs :D e.g. window.addEventListener('load', myLoadfunc), vs window.addEventListener('load', () => {...}). it's all the same to me, but not some people apparently heh
u/magna

Fun ensues when a binary function uses the index arg: Array(5).fill(2).map(Math.pow)
u/cantelope

nice


      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