Dweets awesomed by u/ssg

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

magna

remix of d/2516 by u/magna

function u(t) {

c.width|=0
x.font='50px monospace';
((u+'').slice(0,t*3+S(t)*5)+' |'[t*2&1]).split('\n').map((r,i)=>x.fillText(r,0,++i*50))

Apr 18 2017 12:29 PM UTC

}// 123/140

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

Slimmer version of "pair programming nightmare"

Show more comments…
u/magna

Challenge: Add occasional mistakes like skipped characters / typos etc.
u/Polyducks

I'm struggling to understand how this works. Where have you got the function input from? Amazingly realistic!
u/Jenky

It's from (u+'') - afaik, it's basically a short/cheat way of converting anything to a string in JS :D
u/Jenky

Also, down to 119 and whole string within canvas - https://www.dwitter.net/d/2524
u/magna

@Jenky Nice!
u/magna

#quine

show FPS hide FPS share fullscreen

magna

remix of d/2462 by u/magna

function u(t) {

c.width=w=255
t?x.drawImage(k=b[n++&7],0,0)+k.getContext('2d').fillText('🌍',n%w-9,n/5+S(t)*99&w):b=Array(8).fill(n=0).map(_=>c.cloneNode())

Apr 10 2017 4:39 AM UTC

}// 139/140

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

Infinite Worlds

show FPS hide FPS share fullscreen

magna

remix of d/2451 by u/cantelope

function u(t) {

x.fillRect(0,0,(w=960)*2,w*2)
for(i=99;i--;p=i/5+t,x.clearRect(w+1/(Z=3+C(p))*(i-50)*w/20,540+S(p)/Z*w,s=199/Z/Z,s))x.globalAlpha=.1

Apr 9 2017 6:01 AM UTC

}// 132/140

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

u/cantelope

nice! :)

show FPS hide FPS share fullscreen

nystrand

function u(t) {

for(O=c.width|=Z=A=27;A--;O=.9+C(t)/Z)x.fillStyle=R(x.scale(A?O:1,A?O>1?Z:1.03:-O),Z,4*A,.2),x.fillText(u,A<2?M=7-t*4:-66,A<2?A*Z-18-S(M):Z)

Apr 7 2017 8:41 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/magna

I was expecting this to happen one day...
u/magna

Wait. How the hell are you rendering the "ground"? I don't get it. Explanation please.
u/nystrand

It's the "(O" chars at the beginning of the code decreasingly scaled down from the large initial scale. I had to find a variable name that "looked good", - went with O which made coding confusing as it looks like a zero :)
u/magna

This is nuts!
u/joeytwiddle

#quine

show FPS hide FPS share fullscreen

recursive

remix of d/2418 by u/magna

function u(t) {

c.width|=0
for(i=88;i--;(i+4)%7%4&&x.fillRect(X-25,700,54,220))x.fillRect(X=i*100-2,700,4,338)

Apr 7 2017 6:29 PM UTC

}// 94/140

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

u/magna

Nice!

show FPS hide FPS share fullscreen

marc8

function u(t) {

c.width|=i=0
for(b=(m=80)+(f=m+(l=5*m));i<7;i++)"}P7WZOoQ_".charCodeAt(t%10)&2**i&&x.fillRect(i<3?m:i%2?0:f,i>4?b:i>2?m:i*f,r=i<3?l:m,f-r)

Apr 7 2017 1:23 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

Awesome!

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/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/2419 by u/magna

function u(t) {

c.width|=0;for(j=9;j--;)for(i=100;i--;s=S(t),X=i%5+j*10+s*30,Y=i/5|0,x.fillRect(400+X*10,400+Y*10,10,10,x.fillStyle=R(k=T(X^Y)*255,k,k)));

Apr 5 2017 9:59 PM UTC

}// 138/140

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

u/sfz

looks like masking!
u/magna

#default
u/sigveseb

Had to come back to say this one rocks!
u/magna

Thanks!

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

dwitter.net | ssg (4716)