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

show FPS hide FPS share fullscreen

Agnes

function u(t) {

nextFrameMs=t+1000
for(c.width|=i=9;i--;)x.fillRect(100*(4+3*S(t)+i),400,50,200)

May 2 2024 1:06 PM UTC

}// 80/140

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

#default at the refresh rate of your monitor

u/KilledByAPixel

hi Agnes, sorry but i removed your last dweet because it was really slowing down some peoples computers. it was because 960 calls to draw image is really slow! please repost if you can make it a bit faster

show FPS hide FPS share fullscreen

Agnes

remix of d/29643 by u/TheRageToast

function u(t) {

c.width|=Q=Math.PI;x.font='300px"';x.fillText(t%(4*Q)>3*Q?"💀":"😂",950+Math.abs(S(-t)*200)*-1,650,Math.abs(S(t)*400))

Mar 14 2024 5:31 PM UTC

}// 116/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

remix of d/22606 by u/Agnes

function u(t) {

for(f=0,q=480;--q;)for(y=270;--y;x.fillRect(4*q,4*y,4,4))x.fillStyle='#'+(''+~~(q*y*t*f++)%(2**24)).padStart(6,'0')

May 31 2021 5:17 PM UTC

}// 115/140

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

Higher-res (2.5x in both directions) "rippling through colour space" to match the recent performance increase

show FPS hide FPS share fullscreen

Agnes

remix of d/8422 by u/Agnes

function u(t) {

i=new Image();d=[...c.toDataURL()];for(j=1+~~t*100;j--;d[~~(Math.random()*d.length)]="a");i.src=d.join("");i.onload=()=>x.drawImage(i,0,0);

Aug 10 2018 9:56 AM UTC

}// 139/140

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

Re-make of d/8422 with the "u" variable re-named "d" (having a variable named "u" breaks your dweet in most views)... interestingly, this violates the new cross-domain content policy!

u/BirdsTweetCodersDweet

Could it be the toDataURL() ?
u/Agnes

I think we realised it's not actually the cross-domain policy breaking it but something else. The console errors are when you try to load corrupted PNG data, which this produces pretty often.

show FPS hide FPS share fullscreen

Agnes

function u(t) {

c.width|=M=n=>n+(Math.random()-.5)/100;q=q.map(e=>M(e));x.setTransform(...q);x.fillRect(100,100,1720,880);}{q=[1,0,0,1,0,0];

May 10 2018 8:43 AM UTC

}// 124/140

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

Did you know only one and a half browsers implement x.currentTransform?

u/PiggyClone205

What's the half browser?
u/Agnes

Chrome, which only supports it if you turn on a debug flag.

show FPS hide FPS share 1 remix fullscreen

Agnes

function u(t) {

A=a=>Math.random()*a;q=i=0;B=t?B.map(a=>x.fillRect(960+(h=300+A(i++))*S(m=t/10-a+A(a-q)),540+h*C(m+(!(q=a))),3,3)|m):[];i<99?B.push(t/8):0;

Apr 24 2018 10:31 AM UTC

}// 139/140

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

Rings of dust

show FPS hide FPS share 1 remix fullscreen

Agnes

remix of d/7684 by u/Agnes

function u(t) {

with(x)for(c.width|=i=15;i-->1;)for(j=5;j--;beginPath(),arc(960,540,150+25*i,o=i*t-3/j,6.3/j+o),lineWidth=2*j+5,strokeStyle=R(40*j))stroke()

Apr 16 2018 11:01 AM UTC

}// 140/140

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

Turns out approximations of pi are fine if you're not multiplying with your bad approximation of pi.

show FPS hide FPS share fullscreen

Agnes

function u(t) {

with(x)for(c.width|=i=M=400;i--;j=i%20,o=i/20,j==19&&beginPath(),lineWidth=5,lineTo(e=M+56*o+10*S(A=i+t),y=200+34*j+10*C(A)),!j|stroke());

Apr 13 2018 11:05 AM UTC

}// 138/140

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

Half-assed attempt at Bees and Bombs' curtain thing. Done better by u/BalintCsala

show FPS hide FPS share fullscreen

Agnes

function u(t) {

for(i=10,x.font="64px A";i--;e=960*(1+S(8*i+t/15)),y=540*(1+S(13*i+t/32)),x.clearRect(e-10,y+10,!i*94,!i*-84),x.fillText(!i?"🚒":"⛸️",e,y));

Apr 6 2018 11:21 AM UTC

}// 139/140

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

Zamboni simulator. Numbers were chosen to work with Chrome emojis. Probably breaks with any other set of emojis; sorry about that.

u/Agnes

Just realised there may be a way cooler way to do this with shadowBlur.

show FPS hide FPS share fullscreen

Agnes

function u(t) {

with(x)for(w=c.width=1920,i=500,translate(w/2,540);i--;r=w/i,rotate(T(t/75)),strokeStyle='#'+5*i,strokeRect(m=-r/2,m,r,r));

Mar 25 2018 5:08 PM UTC

}// 123/140

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

(Also looks way better in full screen.)

dwitter.net | Agnes (1304)