New #arc 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 1 remix fullscreen

mxfh

remix of d/2759 by u/magna

function u(t) {

x.globalCompositeOperation='source-out';s=2**.5;H=500;d=(S(t/3)+1)/2*H;w=H-d;x.beginPath();x.arc(C(t)*d+H*2,S(t)*d+H,w,0,7);x.fill()

May 23 2017 9:06 PM UTC

}// 132/140

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

u/magna

Whoa! I had no idea about the potential effect of "source-out"...
u/mxfh

me neither ;)
u/mxfh

#arc #compositing
u/mxfh

#tunnel
u/rafroller

#moire #moiré

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 fullscreen

mxfh

remix of d/2376 by u/magna

function u(t) {

for(i=半=480;i--;x.arc(2*半+i*C(T=t-r*.1),540+i*S(T),i?3+r*7:2e3,0,6))x.beginPath(x.fillStyle=R(60,i?半:9,r=Math.random(x.fill())<8e-5,.1+r*i))

Apr 3 2017 1:38 PM UTC

}// 140/140

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

u/donbright

bravo :)
u/sfz

very nice!
u/zanella

Didn't know yours when I did mine (https://www.dwitter.net/d/6216), but yours is waaaay better than mine - I tried to do the dots in the radar and couldn't figure it out. :) BTW, kudos for using the "space" inside the x.beginPath call, great idea!
u/iverjo

#radar
u/mxfh

#blur #arc

show FPS hide FPS share fullscreen

mxfh

remix of d/2184 by u/mxfh

function u(t) {

for(w=540,i=W=4*w;i;x.beginPath(),x.arc(W*(T(i)+s*t/3)%W,i?w+w*S(r=s*W):w,i?s*9:W,0,6),x.fillStyle=R(i,i,r%i,i?1:.1),x.fill())s=w/(i--*3+w)

Mar 18 2017 4:36 PM UTC

}// 139/140

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

u/sfz

great idea and execution 💯💯💯
u/donbright

excelllent work
u/iverjo

#parallax #stars
u/mxfh

arc
u/mxfh

#arc

show FPS hide FPS share 1 remix fullscreen

mxfh

remix of d/2180 by u/aemkei

function u(t) {

for(i=W=c.width=2e3;i--;x.beginPath(),x.arc(W*(T(i/9)+s*t)%W,540+540*S(s*W),s*30,0,7),x.fill())s=149/(i*3+199)

Mar 18 2017 3:05 AM UTC

}// 110/140

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

arc all the things

u/iverjo

#parallax #dots
u/mxfh

#arc

show FPS hide FPS share fullscreen

mxfh

remix of d/2142 by u/mxfh

function u(t) {

c.width|=r=480
for(λ=φ=a=Math.PI;φ>-a;)x.arc((C(t+=a/r)*S(φ-=a/r)+C(λ))*r+960,S(φ)*S(t-λ)*r+r,1,s=a*S(λ+=a),s-a*2)
x.fill()

Mar 16 2017 9:46 PM UTC

}// 123/140

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

#arc

show FPS hide FPS share 1 remix fullscreen

mxfh

remix of d/855 by u/mxfh

function u(t) {

r=480;c.width=r*4;λ=t;for(φ=a=Math.PI/2;φ>-a;φ-=a/r/2){λ+=a;x.arc(C(φ)*S(λ-t)*r+2*r,(C(t+=a/r)*S(φ)+S(t)*C(φ)*C(λ-t))*r+r,a,-a,a)}x.fill()

Mar 15 2017 3:12 PM UTC

}// 138/140

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

Show more comments…
u/sfz

wtf!
u/donbright

the reflection thing is great!
u/recursive

wow, what?
u/sfz

shaved some bytes by replacing Math.PI/2 with 1.57, have fun remixing!
u/sfz

Also r=480;c.width=r*4 to c.width|=r=480 ... down to 130
u/mxfh

c.width|=r=540 for(λ=φ=a=1.57;φ>-a;)x.arc(C(φ)*S(t-λ)*r+960,(C(t+=a/r)*S(φ)+S(t)*C(φ-=a/r/2)*C(λ-t))*r+r,0,λ+=a,0) x.fill()
u/mxfh

thanks, using the angle offsets in arc gives another two possible spots for variable assignment at a radius of 0, so you get something equivalent at 123
u/sigveseb

Is that the same reflection technique as in https://www.dwitter.net/d/915 ?
u/mxfh

should be, I assume it's that negative winding on polygons messes with the fill rule evaluation
u/mxfh

just to clarify, fill rules looks allright, it's really just non-covered areas due to the zig-zagging of the fill. try a lower decrement like φ-=a/r*8 to see the more graspable source of the effect
u/mxfh

#arc

You've reached the end.

dwitter.net | #arc