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

mxfh

remix of d/2719 by u/keithclark

function u(t) {

for(c.width|=a=50;--a;x.arc(960+S(G+t)*400,520+C(t+G*3)*400,a%25*70,0,6.2832))x.moveTo(G=a/25|0,0)
x.fill('evenodd')

May 15 2017 1:17 PM UTC

}// 116/140

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

single fill draw call with fill-rule and arbitrary computation in moveTo

u/mxfh

#arc #fillrule

show FPS hide FPS share 2 remixes fullscreen

mxfh

function u(t) {

c.width|=b=50
h=b-S(t)*b*5
for(e=6.283;e>0;x.lineTo(d*C(e-=.01)+h*C(s=d/b*e)+960,(d)*S(e)-h*S(s)+540))d=300-b
x.fill("evenodd")

Apr 7 2017 10:55 PM UTC

}// 127/140

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

http://mathworld.wolfram.com/Hypotrochoid.ht…

show FPS hide FPS share 1 remix fullscreen

mxfh

remix of d/2353 by u/cantelope

function u(t) {

x.fill(new Path2D("M940 55l-560 970h560l280-485h-560,l280 485h560"),"evenodd")

Apr 2 2017 4:57 AM UTC

}// 78/140

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

for half dtweet just drop factor 10: .fill(new Path2D("M940 455l-56 97h56l28-48h-56,l28 48h56"),"evenodd")

Show more comments…
u/cantelope

:O
u/cantelope

Thank you! What a smart solution.
u/mxfh

btw: that ratio 97:56 is a freakingly good approximation of the square root of 3
u/mxfh

#minimalistic #logo #path2d #triangles #triforce #fillrule
u/mxfh

#Hōjō
u/mxfh

#Hojo #samurai

You've reached the end.

dwitter.net | #fillrule