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 fullscreen

BirdsTweetCodersDweet

remix of d/7997 by u/BirdsTweetCodersDweet

function u(t) {

c|=P=(L,A,N,E,T)=>{x.arc(I=L+C(T)*N,J=A+S(T)*N,E,0,7);x.beginPath(x.fill());return[I,J]}
P(...P(...P(960,540,0,50,0),250,20,t),100,10,t*6)

May 5 2018 7:52 PM UTC

}// 138/140

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

A fun thing I found when messing about with Burrak's planets dweet

u/BirdsTweetCodersDweet

Other versions I made are at d/7997 and d/7999
u/BirdsTweetCodersDweet

Play around with the '6' in i=t*6... Fractional values such as 5.125 also work well :D
u/BirdsTweetCodersDweet

If the image is tilted and you want to straighten it, just make it t*{something}+{a decimal value you'll have to use trial-and-error for}

show FPS hide FPS share 2 remixes fullscreen

BirdsTweetCodersDweet

remix of d/7978 by u/BuRRak

function u(t) {

c.width|=0
P=(L,A,N,E,T)=>{x.arc(I=L+C(T)*N,J=A+S(T)*N,E,0,7);x.stroke();return[I,J]}
P(...P(...P(960,540,0,50,0),250,20,t),100,10,t*6)

May 5 2018 7:33 PM UTC

}// 137/140

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

You were saying about arcs, burrak?

u/BirdsTweetCodersDweet

Basic implementation for now :P
u/BirdsTweetCodersDweet

Other versions I made are at d/7998 and d/7999

show FPS hide FPS share fullscreen

BirdsTweetCodersDweet

remix of d/7989 by u/BirdsTweetCodersDweet

function u(t) {

c.width+=0
for(i=100;i--;)x.arc(a=450*S(i*t)+960,450*T(i*t)+540,50,0,0)
x.strokeStyle=`hsl(${S(t/15)*a},100%,50%)`
x.stroke()

May 4 2018 11:58 PM UTC

}// 125/140

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

H... Or X? Both? :P

show FPS hide FPS share 1 remix fullscreen

BirdsTweetCodersDweet

function u(t) {

c.width+=0
for(i=100;i--;)x.arc(a=450*S(i*t)+960,450*C(i*t)+540,50,0,0)
x.strokeStyle=`hsl(${S(t/15)*a},100%,50%)`
x.stroke()

May 4 2018 11:51 PM UTC

}// 125/140

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

Spikey circle

u/BirdsTweetCodersDweet

if you add t=0 at the very start, and kkep typing +.1, you can step through and see all the cool patterns it makes along the way :D
u/BirdsTweetCodersDweet

Kinda reminds me of the old days of logo programming as well :P
u/trancor

That little turtle was great! Good looks! I added t=~(t*4)*.1; 4 is the slide show rate, .1 the steps.
u/BirdsTweetCodersDweet

Nice!

show FPS hide FPS share fullscreen

BirdsTweetCodersDweet

remix of d/7903 by u/BirdsTweetCodersDweet

function u(t) {

for(c.width|=i=450;i--;)x.fillStyle=`hsl(${t*i%200},50%,50%)`,x.fillRect(50*(i%40),(i/40|0)*99+(i%2)*50,C(t)*50-S(t),50)

May 3 2018 11:22 PM UTC

}// 120/140

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

Better colours and full rows :D

show FPS hide FPS share 1 remix fullscreen

BirdsTweetCodersDweet

function u(t) {

for(c.width|=i=400;i--;)x.fillStyle=`hsl(${t*90*i%100},50%,50%)`,x.fillRect(50*(i%40),(i/40|0)*99+(i%2)*50,C(t)*50-S(t),50)

May 3 2018 10:52 PM UTC

}// 123/140

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

Spinning rainbow squares

show FPS hide FPS share fullscreen

BirdsTweetCodersDweet

function u(t) {

testing comments, ignore

Apr 29 2018 3:46 PM UTC

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

BirdsTweetCodersDweet

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<~~t%8+1;i++)
x.fillRect(400+i*100+S(t)*300,400,50,200) // draw 50x200 rects

Apr 29 2018 3:06 PM UTC

}// 118/140

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

Heh... #default

u/Lazy1337

#fabric I guess.
u/BirdsTweetCodersDweet

fabric??

show FPS hide FPS share 1 remix fullscreen

BirdsTweetCodersDweet

function u(t) {

x.rotate(c.width^=0.5,a=9e3)
for(i=1e3;i--;)x.fillRect(50*i+S(t/100)*a-a,-a/3,25,a),x.fillStyle=`hsl(${t*9+(i*20)},50%,50%)`

Apr 1 2018 3:34 PM UTC

}// 124/140

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

More colour

u/BirdsTweetCodersDweet

Feel free to play around :D... Might make this into something better soon if all goes well, but that's a secret for now...
u/BirdsTweetCodersDweet

You can also change c.width^=0.5 to c or delete it entirely (d/7538) to get other weird effects...
u/BuRRak

t/frame instead of c.width^=0.5 also makes it look cool
u/BuRRak

and changing the variable a also makes it nice

show FPS hide FPS share fullscreen

BirdsTweetCodersDweet

function u(t) {

x.rotate(0.5)
for(i=1e3;i--;)x.fillRect(50*i+S(t/100)*9e3-9e3,-2e3,25,4e3),x.fillStyle=R(i*50%255,i/20%255,i%255)

Apr 1 2018 3:25 PM UTC

}// 113/140

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

Whoa, what...

u/BirdsTweetCodersDweet

Accidentally got this when playing around with d/7539, which is what I meant to post :D
u/BirdsTweetCodersDweet

d/7540, that is.

dwitter.net | BirdsTweetCodersDweet (372)