hsl graph by NiekvD

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

NiekvD

function u(t) {

for(i=96;i--;){
  for(j=54;j--;){
    x.fillStyle="hsl("+i*3.75+", 100%, "+(j*100/54-100)*-1+"%)"
    x.fillRect(i*20,j*20,20,20)
  }
}

Dec 24 2022 8:43 AM UTC

}// 135/140

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

hsl graph

Show more comments…
u/NiekvD

this is only a proof of concept, so please don't roast me for this bad code
u/danny@hille.dk

People of twitter are generally nice and well behaved, and roasting or trolling is not really in their DNA. Yuor code is fine bro, it's short - so no need to golf it. only thing I would do to up the readability is to use Template literals, in sted of concatinating the hsl string.
u/Xen

Welcome to dwitter, we all family here,, bad code is code that doesn't work, your next step is to challenge yourself to golf this down, have a look around a prod at others dweets.
u/KilledByAPixel

sorry i had to delete your test because it was abusing the console output and making it hard to scroll to other dweets or leave comments! you are welcome to post another one that only displays a portion of the result or displays it in the dweet window
u/NiekvD

ok
u/4ce

u/KilledByAPixel I'm not sure what: example with long console message really need was delete, maybe was better enable watch per click like in " h/nsfw " tag or make "arhiveLike" tab for something good but what for some reason not needed in main section ; Sometimes after delete: some info or some idea becomes lost... But today i just try recover d/26687 probbally has been throw c.parentElement.parentElement.innerHTML or throw c.parentElement.parentElement.outerHTML ~_^
u/cantelope

heh. i'd like to point out that hacking this platform was a big reason many of us remained interested to begin with. kudos for discovering the long throw bug \o/. i see this as an easter egg, not an abuse. @killedbyapixel, maybe instead of deleting the dweet, a bigger move would have been to patch the platform via a github PR. (full disclosure, I am a dwitter.net dev & admin)


      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