Dweets by u/mxfh

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/2442 by u/mxfh

function u(t) {

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

Jan 22 2019 11:44 PM UTC

}// 129/140

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

u/Xen

NICE! :-)
u/katkip

Haha
u/magna

#glitch
u/mxfh

this one doesn’t even need the fillrule. Was just looking into other cycloids and Lissajous figures, only to end up with a circle.

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 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 fullscreen

mxfh

function u(t) {

c.width|=o=w=800
x.font="9em Trebuchet MS";[v=S(t)*7,70,78+v/3,49-v,74,42,75].forEach((v,i)=>x.fillText("kerning"[i],o+=v,w))

Apr 5 2017 9:44 AM UTC

}// 125/140

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

#text #kerning

show FPS hide FPS share 3 remixes fullscreen

mxfh

function u(t) {

with(x)for(transform(X=16,0,0,X,540,540),fillText('𝘼𝙋𝙀𝙍𝙏𝙐𝙍𝙀',5,3);X-->9;fill(new Path2D(`M9 3a9 9 0 0 0 0-6l-5 7`)))rotate(.78)

Apr 3 2017 10:50 PM UTC

}// 127/140

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

«It's hard to overstate my satisfaction.»

Show more comments…
u/magna

🎂
u/sigveseb

Doesn't work on android, just see boxes with X inside :(
u/mxfh

just replace 𝘼𝙋𝙀𝙍𝙏𝙐𝙍𝙀 with Aperture. Which also is a bit heavy on the byte count.
u/mxfh

but you miss out on MATHEMATICAL SANS-SERIF BOLD ITALIC
u/magna

SHAME!
u/mxfh

the funniest thing about this is, that the kerning is a different kind of noticeably wrong on all platforms and browsers
u/donbright

all u need is to implement truetype rendering in 140 chars
u/mxfh

@dinbright kind of: https://www.dwitter.net/d/2417
u/Xen

love it!
u/iverjo

#path2d
u/mxfh

#text #logo #transform

show FPS hide FPS share 1 remix fullscreen

mxfh

remix of d/2391 by u/mxfh

function u(t) {

for(c.width|=X=0,x.setTransform(48,0,0,48,960,540);X<8;x.fill(new Path2D(`M2 9a9 9 0 0 1-6-1l${C(t)*5+5} ${S(t)*3-5}`)))x.rotate(X++?.785:t)

Apr 3 2017 9:27 PM UTC

}// 140/140

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

Aperture Science

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 3 remixes fullscreen

mxfh

remix of d/2390 by u/mxfh

function u(t) {

s='l280 485h-560'
x.fill(new Path2D('M940 55'+s+s+'m840-485'+s))

Apr 2 2017 8:18 AM UTC

}// 64/140

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

a bit more brute force; but hey: Triforce in 4³ bytes

u/cantelope

incredible
u/magna

HAX!
u/mxfh

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

#64B

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

dwitter.net | mxfh (1240)