Dweets by u/BirdsTweetCodersDweet

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

BirdsTweetCodersDweet

remix of d/6255 by u/BirdsTweetCodersDweet

function u(t) {

with(x)fillStyle=`HSLA(${t*99},79%,80%,.2)`,beginPath(stroke()),fillRect(960+S(t)*490,490+C(t)*490,1E2,95,1)

Jan 20 2018 2:52 PM UTC

}// 108/140

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

Fixed the size

show FPS hide FPS share 1 remix fullscreen

BirdsTweetCodersDweet

remix of d/6237 by u/rikardlindstrom

function u(t) {

with(x)fillStyle=`HSLA(${t*99},79%,80%,.2)`,beginPath(stroke()),fillRect(960+S(t)*540,490+C(t)*540,1E2,95,1)

Jan 20 2018 2:36 PM UTC

}// 108/140

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

Make the background black with c.style.background=R() at the start of the code...

show FPS hide FPS share 1 remix fullscreen

BirdsTweetCodersDweet

function u(t) {

c.width^=n=S(t%2);with(x){lineWidth=i=8;beginPath();arc(960,540,540,0,7);stroke();for(i;i--;)drawImage(c,n*640,n*360,640,360)}

Jan 20 2018 2:25 PM UTC

}// 126/140

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

A nice gif-ish circle for you all...

show FPS hide FPS share fullscreen

BirdsTweetCodersDweet

function u(t) {

c.width^=v='Join our discord!';for(i=17;i--;x.fillText(v[i],i*69,540+S(t*9+i)*20))x.font=99*S(t*5)+'px x',x.fillStyle=`hsl(${t*90},50%,50%)`

Jan 19 2018 9: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).

~ Dwitterer

show FPS hide FPS share 1 remix fullscreen

BirdsTweetCodersDweet

remix of d/4447 by u/lionleaf

function u(t) {

 for(c.width|=i=17;i--;x.fillText('Join our discord!'[i],i*99,540+S(t*9+i)*99))x.font=S(t+i)*2e2+'px x',x.fillStyle=`hsl(${t*i*t},50%,50%`

Jan 19 2018 8:44 PM UTC

}// 138/140

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

~ Dwitterer. Thanks to @Xen for helping out :D

u/Xen

no worries mate :-)

show FPS hide FPS share fullscreen

BirdsTweetCodersDweet

function u(t) {

w=1920/2;h=1080/2;z=t*t;x.beginPath();x.arc(w, h, z,0,Math.PI*2);x.rotate(20, 0, 0);x.strokeStyle=`hsl(${t*90},50%,50%)`;x.stroke();

Jan 1 2018 5:37 PM UTC

}// 132/140

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

Another funky circle phenomena

show FPS hide FPS share fullscreen

BirdsTweetCodersDweet

function u(t) {

w=1920/2;
h=1080/2;
z=t*t;
x.strokeStyle= `hsl(${t*90},50%,50%)`;
x.beginPath();
x.arc(w, h, z, 0, Math.PI*2);
x.stroke();

Jan 1 2018 5:23 PM UTC

}// 122/140

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

Continous expansion, plus rainbows!

show FPS hide FPS share fullscreen

BirdsTweetCodersDweet

function u(t) {

w=1920/2;h=1080/2;if((t*t)/S(t*t) > 1){z=(t*t)/S(t*t);}x.strokeStyle=R(15,25,15, 0.75);x.beginPath();x.arc(w,h,z,0,Math.PI/S(t));x.stroke();

Jan 1 2018 3:42 PM UTC

}// 140/140

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

Similar to my previous post, of a water-like texture, but with tons of lines instead :P (re-upload - fixed errors)

show FPS hide FPS share fullscreen

BirdsTweetCodersDweet

function u(t) {

w=1920/2;
h=1080/2;
z=t*t;
x.strokeStyle=R(15,25,15, 0.75);
x.beginPath();
x.arc(w, h, z, 0, Math.PI/S(t));
x.stroke();

Jan 1 2018 3:32 PM UTC

}// 119/140

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

A water or metal-like texture I found while experimenting with expanding circles. Looks pretty neat apart from that pesky horizontal line to the right :D

You've reached the end.

dwitter.net | BirdsTweetCodersDweet (372)