Simple code style : paperclip. 📎 d/2625… by 4ce

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

4ce

remix of d/26285 by u/4ce

function u(t) {

x.lineWidth=25;x.arc(990,360,60,6,6);x.arc(990,720,60,0,3);x.arc(1005,150,75,3,6);x.arc(990,900,90,0,3);x.arc(990,330,90,3,3);t||x.stroke()

Oct 13 2022 2:11 AM UTC

}// 139/140

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

Simple code style : paperclip. 📎 d/26251 Strong copy like a obfuscate original version. (maybe⠀i⠀lost⠀joke...)

Show more comments…
u/4ce

And 3 paperclip. 📎 ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ My code style: paperclip. 📎 d/26251 With Math.Pi and without tricks 139 symbol, not strong copy... x.lineWidth=25;P=Math.PI;x.moveTo(1050,343);x.arc(990,720,60,0,P);x.arc(1005,150,75,P,0);x.arc(990,900,90,0,P);x.lineTo(900,343);x.stroke() ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ More short version paperclip. 📎 d/26251 Strong copy, 129 symbol,tricks like in no 📎 d/26286 and d/26284 x.lineWidth=25;for(A=0;A<5;A++)x.arc(A==2?1005:990,[360,720,150,900,330][A],A<2?60:A>2?90:75,'60303'[A],'63633'[A]);t||x.stroke() ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ MoreMore short version paperclip. 📎 d/26251 Strong copy, 126 symbol but in svg version d/26285 113symbol x.lineWidth=25;for(A=5;A--;)x.arc(A==2?1005:990,[330,900,150,720,360][A],A>2?60:A<2?90:75,'30306'[A],'33636'[A]);t||x.stroke() ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ //Sorry for flood. I make 📎 chaain!(but i try not "flooded" in future...) ~_^⠀goodLuck!
u/tomxor

I'm pretty sure the SVG version can go even smaller if you convert it to relative commands (lowercase)
u/jasnh

*floods anyways because the code formatting adds really inefficient line breaks*
u/4ce

For: u/tomxor ≈"SVG ver. smaller if convert"(?) Yes it's true: SVG path in canvas: paperclip. 📎 d/26251 not strong copy, 108symbol! x.lineWidth=24;x.stroke(new Path2D('M1048 343V720a1 1 0 11-118 0V150a1 1 0 11148-2V900a1 1 0 11-178 0V343')) And some time i use good online svg path tool(me not paid,i not know autor,i not know what been if you open this): https://yqnn.github.io/svg-path-editor/ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ For: u/jasnh "really inefficient line breaks" Maybe it's my bad(?) design with bug and "⠀" symbol on all line... ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ For⠀everyone:⠀~_^⠀Thanks!⠀
u/jasnh

it does not seem to be your problem
u/lerc

You can further reduce the path string by holding repeating elements in a var x.lineWidth=24;Q="0a1 1 0 11";x.stroke(new Path2D(M1048 343V72${Q}-118 0V15${Q}148-2V90${Q}-178 0V343))
u/lerc

of course hard to represent in a comment with backticks being used for markup
u/4ce

For u/lerc you can try use: ```Result\`code\` block!``` >after posting> Result`code` block! ;Or this app d/26270 but i no sure what all works like needs; ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ u/lerc paperclip 📎 : x.lineWidth=24;Q="0a1 1 0 11";x.stroke(new Path2D(`M1048 343V72${Q}-118 0V15${Q}148-2V90${Q}-178 0V343`)) 105Symbols! ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ u/lerc paperclip 📎 Q in ${Q="0a1 1 0 11"} :: x.lineWidth=24;x.stroke(new Path2D(`M1048 343V72${Q="0a1 1 0 11"}-118 0V15${Q}148-2V90${Q}-178 0V343`)) 103Symbols! ~_^


      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