Dweets awesomed by u/Jenky

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

cantelope

function u(t) {

w=c.width
x.font=w/3+"px a"
x.fillStyle=R(w,w,0)
x.fillText('★★★',w/9,w/2.6)
c.style.transform=`perspective(300px)rotate3d(0,1,0,${t/3}turn`

Apr 7 2017 1:14 AM UTC

}// 140/140

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

u/magna

Thanks! ;)

show FPS hide FPS share fullscreen

shapes

remix of d/2431 by u/shapes

function u(t) {

r=480;c.width=r*4;λ=0;for(φ=a=1.56;φ>-a;φ-=1.56/r){λ+=a;x.lineTo(C(φ)*S(λ-t/2)*r+2*r,(C(t=t+φ/r)*S(φ/4)+S(λ)*C(t/2)*C(λ-t))*r+r)}x.stroke()

Apr 6 2017 5:49 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/magna

Love it!

show FPS hide FPS share 1 remix fullscreen

shapes

remix of d/2423 by u/shapes

function u(t) {

r=480;c.width=r*4;λ=0;for(φ=a=1.6;φ>-a;φ-=1/r){λ+=a;x.lineTo(C(φ)*S(λ-t)*r+2*r,(C(t=t+φ/r)*S(φ)+S(t)*C(t)*C(λ-t))*r+r)}x.stroke()

Apr 6 2017 1:37 PM UTC

}// 129/140

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

show FPS hide FPS share fullscreen

shapes

remix of d/2424 by u/shapes

function u(t) {

r=480;c.width=r*4;λ=0;for(φ=a=2.5;φ>-a;φ-=1/r){λ+=a/9;x.lineTo(C(t)*S(λ-t)*r+2*r,(C(t=t+φ/r)*S(t)+S(r)*C(φ)*C(λ-t))*r+r)}x.stroke()

Apr 6 2017 1:24 PM UTC

}// 131/140

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

u/sfz

really cool
u/shapes

Thanks, most credit goes to mxfh though, I'm just fuckin' around with his code to find cool shapes :)

show FPS hide FPS share fullscreen

magna

remix of d/2425 by u/cantelope

function u(t) {

t||(w=c.width=568)
with(x)onmousemove=e=>lineTo(C=e.pageX,S=e.pageY),fillStyle=R(S,C,S,.2),fillRect(0,0,w,w),beginPath(stroke()),moveTo(C,S)

Apr 6 2017 5:04 AM UTC

}// 140/140

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

Fixed the "X/Y is not defined" errors by hijacking S and C

u/brahimtim

hhjgj
u/cantelope

@magna, brilliant! :D
u/cantelope

as promised, 3 gold stars... https://www.dwitter.net/d/2434
u/magna

Thanks! :)
u/iverjo

#interactive

show FPS hide FPS share 1 remix fullscreen

shapes

remix of d/2423 by u/shapes

function u(t) {

r=480;c.width=r*4;λ=0;for(φ=a=Math.PI/1.3;φ>-a;φ-=1/r){λ+=a/9;x.lineTo(C(φ)*S(λ-t)*r+2*r,(C(t=t+φ/r)*S(t)+S(r)*C(φ)*C(λ-t))*r+r)}x.stroke()

Apr 6 2017 2:08 AM UTC

}// 139/140

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

u/cantelope

amazing!
u/shapes

Thanks, most credit goes to mxfh though, I'm just fuckin' around with his code to find cool shapes :)

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 fullscreen

magna

remix of d/2396 by u/cantelope

function u(t) {

s='l141 242h-280'
x.fillStyle='#fd0'
x.fill(new Path2D(`M960 299${s+s}m420-242`+s))
x.font='99px a'
x.fillText('トライフォース',607,1e3)

Apr 3 2017 2:58 AM UTC

}// 129/140

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

Toraifōsu

u/magna

#triforce

dwitter.net | Jenky (2198)