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 1 remix fullscreen

Agnes

remix of d/22617 by u/Agnes

function u(t) {

for(q=100;--q;Q=t?Q+`l ${e} ${f}`:"M 960 540")l=t?l+(e*e+f*f)**.5:0,e=3*S(a=l**t*q),f=3*C(a);x.strokeStyle='#0000'+l,x.stroke(new Path2D(Q))

Apr 25 2021 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).

Slightly more artistic seahorse pattern

u/Agnes

This one also stopped drawing patterns for me after I restarted my PC. :(

show FPS hide FPS share fullscreen

Agnes

remix of d/9934 by u/anotherkitten

function u(t) {

c.style.background=R();if(t<34)with(x){shadowColor=`hsl(${t*99},76%,66%)`
shadowBlur=19
fillRect(9,9,9,9)
translate(25,8)
rotate(t*2.10587)}

Sep 20 2018 7:18 PM UTC

}// 140/140

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

Same as the remixed dweet, except the HSL works on iOS Safari.

show FPS hide FPS share 1 remix fullscreen

Agnes

function u(t) {

A=a=>Math.random()*a;for(P='M960 540',i=500;i--;P+='l'+(15-A(30))+' '+(15-A(30)));x.fillStyle=R(A(Q=255),A(Q),A(Q),.1),x.fill(new Path2D(P))

Sep 3 2018 6:10 PM UTC

}// 140/140

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

Pastel

u/katkip

Nice

show FPS hide FPS share fullscreen

Agnes

function u(t) {

for(c.width|=i=2;i--;)for(j=2;j--;)x.fillStyle=(j%2?'hsl(':'hsla(')+'0,100%,50%,.25'+(i%2?')':''),x.fillRect(X=960*i,Y=540*j,958,537)

Aug 8 2018 11:27 AM UTC

}// 133/140

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

HSL compatibility tester: depending on how your strict your browser is, one to four of these squares will be pink (technically translucent red).

show FPS hide FPS share fullscreen

Agnes

remix of d/8938 by u/Xen

function u(t) {

with(x)for(filter='invert(5%)',drawImage(c,-5,-5,1930,1090),i=9;i--;)for(j=4;j--;)fillRect(400+i*99+S(t)*300-T(j*t),400+j*50+T(t*i),50,50);

Jul 27 2018 10:34 AM UTC

}// 139/140

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

Glitching through the fog (feat. terrible performance)

u/Agnes

This apparently doesn't work on some browsers.

show FPS hide FPS share 1 remix fullscreen

Agnes

function u(t) {

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

Jun 5 2018 11:57 AM UTC

}// 139/140

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

Corrupting PNG data. There's probably a dweet out there that does exactly this already, because I stole the idea from the Github wiki.

u/Agnes

#png #toDataURL #glitch

show FPS hide FPS share 1 remix fullscreen

Agnes

function u(t) {

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

Apr 29 2018 8:41 AM UTC

}// 114/140

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

Swaying default (using skew)

u/Agnes

#default
u/joeytwiddle

S(t+1) to swing from the bottom, S(t-1) to swing from the top

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(),a=6.3/j,arc(960,540,150+25*i,o=i*t-a/2,a+o),lineWidth=2*j+5,stroke());

Apr 16 2018 10:57 AM UTC

}// 126/140

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

A slightly more boring version of the previous dweet with colours removed to make the circle segments wrap around each other better. There's probably a way to do colour with this.

show FPS hide FPS share fullscreen

Agnes

function u(t) {

w=1920;B=x=>S(x+Math.random());e=w*t/5,o=~~(e/w);o&&q<o&&(c.width+=0);e%=w;for(i=o,v=B(e);i--;v=B(v));x.fillRect(e,540+300*v,5,5);throw(q=o)

Mar 1 2018 1:50 PM UTC

}// 140/140

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

Proving a point to a colleague for why high-order trigonometric functions make for a poor random distribution. Not art. :(

u/AnnanFay

Hmm, I don't really understand. This is because you are getting the sine of values in [0,2]?

show FPS hide FPS share fullscreen

Agnes

function u(t) {

;with(x)filter='blur(5px)',t==0&&translate(k=960,540),rotate(Math.random()),fillStyle=`hsla(${t*5},70%,50%,.01)`,fillRect(0,0,s=k*T(t),s);

Feb 17 2018 10:56 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/donbright

great

dwitter.net | Agnes (1352)