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) {

t==0&&(url=`url(https://source.unsplash.com/random/1920x1080)`);c.style.background=url;c.style.filter=`hue-rotate(${10*t}deg)`;

Feb 8 2018 9:13 PM UTC

}// 127/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) {

w=c.width=100;h=c.height=w;a=(d=x.getImageData(0,0,w,h)).data;k=1;d=new ImageData(a.map(i=>i+k*S(t*C(k++))),w,h);x.putImageData(d,0,0);

Feb 2 2018 1:34 PM UTC

}// 135/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) {

r=400*(1+C(t));x.lineWidth=1/T(t),x.strokeStyle=`hsla(${180-r/t},50%,50%,${0.25/t})`;x.arc(960,540,r,t,7/T(t));x.stroke();

Feb 1 2018 9:54 PM UTC

}// 122/140

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

u/donbright

love the style variations you bring to dwitter, very cool.

show FPS hide FPS share fullscreen

Agnes

function u(t) {

x.fillRect(0,0,w=1920,w);w/=2;for(i=1;i>0;i-=1/w){m=255;x.fillStyle=R(t*i/m,d=m*i,S(t)*i/w,1-i);x.fillRect(w+w*S(t+i),540*(1+C(t**i)),d,d)}

Jan 6 2018 6:27 PM UTC

}// 139/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) {

s=255,A=Math.abs,w=1920,q=2*w,h=1080,p=2*h,i=s*t,e=A(i%q-w)-1,y=A(i%p-h)-1,x.fillStyle=R(t,s*C(t)+t,t),x.fillRect(e,y,t*(2+S(t)),t*(2+C(t)))

Jan 5 2018 12:44 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/katkip

dvd

show FPS hide FPS share fullscreen

Agnes

remix of d/32709 by u/Agnes

function u(t) {

c.style.filter='sepia(1'
R=(a)=>1+a**S(t*a)
r=1e3-25*t
x.font=(r>0?4+r/400:0)+"em A"
x.fillText("🤣",960+C(t)*r+R(18),570-S(t)*r+R(14))

Nov 7 2024 10:23 AM UTC

}// 134/140

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

Weirdly organic-looking rofl-tube

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.

dwitter.net | Agnes (1352)