Top dweets by u/Agnes

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: #Food

show FPS hide FPS share fullscreen

Agnes

function u(t) {

with(x)A=a=>Math.random()*31|0,B=0|A()/8,setTransform(4,0,0,4,A()*64,A()*36),rotate(1.57*B),clearRect(-8,R=-4.5,16,9),B&&fillRect(-7,R,14,9)

Jan 7 2019 2:55 PM UTC

}// 140/140

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

Alien robot factory V2

u/Agnes

Massive props to JWinslow in the Discord for doing almost all of the golfing! The last 15 or so characters were removable because 1.57 is an OK approximation of Pi/2 and because the dimensions were scalable by four in the transform.
u/DataMeta

This one's fun

show FPS hide FPS share fullscreen

Agnes

function u(t) {

for(i=25,G=x.createRadialGradient(Q=960,M=540,Q,Q,M,1);i--;x.fillRect(0,0,2e3,2e3))G.addColorStop(i/25,R(F=(i*t)%255,0,F,.05)),x.fillStyle=G

Aug 9 2018 9:22 AM UTC

}// 140/140

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

Demonstrating the power of radial gradients.

u/d0n.key

#satisfying
u/joeytwiddle

This works well in my Firefox and Safari. In Chrome it's smooth but so slow.

show FPS hide FPS share fullscreen

Agnes

function u(t) {

for(c.width|=l=20;l--;)for(s=189;s--;x.stroke())x.beginPath(P=S(l+5*t)),x.lineWidth=15-5*P+3*S(s+P*15+t),x.arc(960,540,25*l,s/30,(s+1)/30);

Jul 31 2018 10:48 AM UTC

}// 139/140

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

You can probably re-create BeesAndBombs's latest (https://twitter.com/beesandbombs/status/1024…) with this but it runs so poorly I didn't feel like doing the last part.

u/Agnes

#beesandbombs #kinda
u/Agnes

Runs perfectly fine at 60 fps in the iPhone browser, but a choppy 10-15 FPS in Chrome on my superpowered work laptop. What a time to be alive.

show FPS hide FPS share fullscreen

Agnes

function u(t) {

with(x)for(drawImage(c,-5,-5,1930,1090),lineWidth=10*(1+S(t)),i=9;i--;)strokeStyle=R(0,0,t*i%255,.1),strokeRect(100*(4+i+S(t)*3),400,50,200)

May 14 2018 10:35 PM UTC

}// 140/140

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

Underwater smoke default #default

show FPS hide FPS share fullscreen

Agnes

remix of d/7843 by u/Agnes

function u(t) {

for(c.width|=i=9,a=C(t);i--;x.setTransform(1,0,-S(a+S(i+t)/4)/5,1,100*(4+i),400),x.fillRect(300*S(t)+25*S(i+a),200,50,-200));

Apr 29 2018 4:16 PM UTC

}// 125/140

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

Really rickety default

u/Agnes

#default
u/lionleaf

This makes me slightly uncomfortable
u/donbright

hilarious

show FPS hide FPS share 2 remixes fullscreen

Agnes

function u(t) {

for(c.width|=i=0;i++<100;f=1-i/100,x.fillStyle=R(o=255*f,o,o,1-f),x.font=4*i+"px A",x.fillText("Neat text",200*(1+f*S(t)),540+200*f*S(t)));

Apr 13 2018 9:13 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/DirtyDan

Neat.

show FPS hide FPS share fullscreen

Agnes

function u(t) {

with(x)setTransform(1,0,0,1,960,540),font="128px A",fillText("🃏",100*S(t/10),0),rotate(Math.PI/10),drawImage(c,-962,-542,1924,1084)

Apr 11 2018 12: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).

Why is the joker the only card that gets its own emoji?

u/fujimotos

It seems to me that unicode table owns the full deck of cards: http://www.amp-what.com/unicode/search/card
u/Agnes

Interesting! Several of those straight up don't render for me. Only the "black joker" has a colourful emoji representation, the rest are transparent utf-8 ideographs.

show FPS hide FPS share fullscreen

Agnes

function u(t) {

for(w=W=c.width=c.height=100;w--;)for(h=W;h--;)d=((w-(.25*S(t)+1)*W/2)**2+(h-(.25*C(t)+1)*W/4)**2)**.65,x.fillRect(w,h,d/(60+20*T(t/5)),1)

Mar 19 2018 1:48 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 FPS hide FPS share fullscreen

Agnes

function u(t) {

q=5*(1+C(t));x.filter=`blur(${q}px)`;for(i=c.width=c.height=100;i--;)for(j=100;j--;)with(x)fillStyle='#'+i*j,fillRect(i-q,j-q,2*q,2*q);;

Feb 28 2018 9:45 PM UTC

}// 136/140

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

u/donbright

i really like this one... the way it works is really interesting, variable size "pixels" plus blur
u/Agnes

Wait whoops, I just realised the filter doesn't do anything because I apply it before I reset the canvas in the first for loop. The blurry effect is just from the variable-sized pixels. Interesting?

show FPS hide FPS share fullscreen

Agnes

function u(t) {

with(x)t?(drawImage(c,-965,-545,1930,1090),rotate(t),fillStyle=`hsla(${40*t},50%,50%,.1)`,fillRect(20*S(t),20*C(t),t,t)):translate(960,540);

Feb 23 2018 9:40 PM UTC

}// 140/140

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

dwitter.net | Agnes (1381)