New #reciprocating dweets

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.

Try the new frontend: beta.dwitter.net
Current theme challenge: #Opposites

show FPS hide FPS share fullscreen

f8f82804

function u(t) {

c.width=640;s=64;r=80;with(x)moveTo(X=h=180,h),lineTo(X+=s*C(t),h+(Y=s*S(t))),lineTo(X+=(r*r-Y*Y)**.5,h),lineTo(X+s,h),stroke()

Sep 12 2018 11:03 PM UTC

}// 127/140

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

#reciprocating #pison #mechanism with the dimensions from d/9806

Show more comments…
u/donbright

c.width=640 x.stroke(new Path2D(M 180,190 l ${[[C(t)*64,Y=64*S(t)],[(80*80-Y*Y)**.5,-Y]]} 64,0))
u/donbright

that golfs it down from 127 to 98
u/donbright

ok we can go lower. 94: c.width=640 x.stroke(new Path2D(M 180,190 l ${[C(t)*64,Y=64*S(t),(80*80-Y*Y)**.5,-Y,64,0]}))
u/donbright

you have to put back tickmark right before M and right after 64,0]} .. dwitter comment seems to eat the backtick
u/f8f82804

yeah, in comments backticks are used for code blocks
u/f8f82804

I don't know if it's possible to escape it with a backslash like \ or fillStyle=\hsl(...)`
u/f8f82804

...apparently escaping does not work
u/f8f82804

also, that's an excellent path2d use! you should post a remix
u/donbright

i was trying to make a choo choo train but its too many chars

show FPS hide FPS share fullscreen

f8f82804

function u(t) {

for(s=64,r=80,c.width=i=w=480;i--;)for(Y=s*S(a=i/9+t),j=2;j--;x.fillRect(i,j?r-s*C(i/9+t):2*r-s*C(a)-(r*r-Y*Y)**.5,1,2))x.fillStyle=R(255*j)

Sep 12 2018 11:01 PM UTC

}// 140/140

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

Comparing #sinusoidal motion (red) with #reciprocating motion of a crank and #piston (black), with stroke of 64 and rod length of 80. TDC at the top.. #math

u/f8f82804

See d/9807 for a mechanism with these dimensions
u/f8f82804

also a #template for graphing functions. #tool

You've reached the end.

dwitter.net | #reciprocating