New #mechanism 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

katkip

function u(t) {

c.width|=1;t*=x.lineWidth=6;x.arc(360,540,250,t,6+t),x.lineTo(720+C(t)*250,540),x.strokeRect(720+C(t)*250,440,500,200),x.stroke()

Mar 17 2019 6:59 PM UTC

}// 129/140

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

#engine

u/f8f82804

#mechanism

show FPS hide FPS share fullscreen

marc8

function u(t) {

c.width|=r=300
with(x){lineWidth=9
for(i=0;i<9;i++)fillRect(z=400+i*100+C(t)*r,400,50,200)
arc(z,h=500,10,0,7)
arc(310,h,r,t,t+6)
stroke()}

Mar 16 2019 2:48 PM UTC

}// 139/140

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

#default engine

u/katkip

WOW
u/katkip

Genius idea
u/katkip

This deserves an awesome
u/f8f82804

#mechanism

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

remix of d/9793 by u/f8f82804

function u(t) {

eval(unescape(escape`睩瑨⡸⥸⹬㵴牡湳污瑥ⱬ⡨㵣⹨敩杨瑼㵸⹦㵦楬汒散琬栩ⱡ牣⠰ⱷ㴭㐰〬爽ㄸ〬〬㜩ⱳ瑲潫攨⤬昨堽爪匨琩ⱙ㵲⩃⡴⤫眬㌲ⰹ⤬牯瑡瑥⡡㴱ㄭ䵡瑨⹡瑡渨堯天⤬昨〬〬栬㤩ⱬ⡷⽓⡡⤬〩Ⱳ潴慴攨ⵡ⤬昨眬〬栬㤩`.replace(/u(..)/g,"$1%")))

Sep 12 2018 4:53 PM UTC

}// 140/140

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

Shaper #mechanism. Moves faster on the rightward stroke. #compressed

u/f8f82804

https://en.wikipedia.org/wiki/Shaper

show FPS hide FPS share 1 remix fullscreen

f8f82804

function u(t) {

c.width|=0;x.translate(960,1080);x.rotate(-1.57-Math.atan(S(t)/(C(t)+2)));x.fillRect(0,0,900,9)

Sep 12 2018 3:40 PM UTC

}// 95/140

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

POC for animating a #mechanism. This shaper moves faster to the right than the left

show FPS hide FPS share fullscreen

DirtyDan

function u(t) {

p=44/7
r=200+150*S(t/9+p/2)
for(c.width+=i=0;i++<32;)x.arc(r*i,540,r,t*i,t*i+p)
x.stroke()

Mar 23 2018 4:48 PM UTC

}// 90/140

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

#mechanism

You've reached the end.

dwitter.net | #mechanism