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

remix of d/7651 by u/Agnes

function u(t) {

for(c.width|=i=0;i++<100;f=i/50,x.fillStyle=R(128*f,255*(i>99)),x.font=24+3*i+"px A",x.fillText("Neat #2",200*(3-f*S(t)),740-200*f*C(t/8)));

Apr 23 2018 11:37 AM UTC

}// 140/140

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

Neat text #2: Neater Still

u/Agnes

Done better by u/aemkei as a remix to the original; check it out!
u/DirtyDan

Neat.
u/joeytwiddle

#text

show FPS hide FPS share fullscreen

Agnes

function u(t) {

for(c.width|=i=Q=255;i--;)x.fillStyle=R(f=2*i/Q,f*Q,i?f:Q,i?1:0.9),e=Q*(4+f*S(f+t)),x.rotate(f/e),x.fillRect(!!i*e,i?f*700:Q,s=i?25*f:3e3,s)

Apr 20 2018 4:59 PM UTC

}// 140/140

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

Spooky sea monster under the stormy seas.

show FPS hide FPS share fullscreen

Agnes

function u(t) {

with(x)for(w=c.width|=i=36;i--;)for(j=M=24;j--;)fillStyle=R(0,3*i*(1+C(t/18)),255*i/36,i/36),fillRect(w*j/M,540+i/36+150*S(i+j+t),w/M,540);

Apr 19 2018 7:42 AM UTC

}// 139/140

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

#sea #ocean

u/iverjo

#water

show FPS hide FPS share fullscreen

Agnes

function u(t) {

with(x)for(c.width|=i=10;i--;)for(j=11;j--;beginPath(),arc(192*(i+(j%2)/2)+15*S(a=i+j+t),108*j+15*S(a/2),6+2*S(a)*S(a/2),0,7),fill());

Apr 16 2018 11:56 AM UTC

}// 134/140

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

Another curtain-like effect.

u/Agnes

#curtain

show FPS hide FPS share 1 remix fullscreen

Agnes

remix of d/7686 by u/Agnes

function u(t) {

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

Apr 16 2018 11:10 AM UTC

}// 139/140

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

I should probably stop remixing this one, but I keep finding dumb small changes that make it look better.

u/Agnes

#beesandbombs

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

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,6.3/j+o),lineWidth=2*j+5,strokeStyle=R(0,40*j),stroke());

Apr 16 2018 10:50 AM UTC

}// 140/140

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

Obviously inspired by https://twitter.com/beesandbombs/status/9812…

show FPS hide FPS share fullscreen

Agnes

function u(t) {

T=new Date().getTime()/1e3;for(O=t?O:T,c.width|=i=3,x.scale(10,10);i--;x.fillText(i>1?t:i?M=T-O:f=t?f:0,9,30+30*i));f++;for(j=1e3*~~t;j--;);

Apr 16 2018 8:45 AM UTC

}// 140/140

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

Dweet illustrating how t diverges from time reported by getTime() as framerate gets lower. Warning: this dweet intentionally loops for longer and longer, and will probably eventually lock your browser if you have it on screen for 20 minutes.

u/joeytwiddle

T=Date.now()/1e3 to save 10 chars ;-)
u/BuRRak

new Date/1e3 to save 12 bytes actually

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.

dwitter.net | Agnes (1304)