Hot 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/8364 by u/BirdsTweetCodersDweet

function u(t) {

for(c.width|=i=1e3;i--;)x.globalAlpha=.1,x.fillRect(S(t*2+i/50)*i+960,C(t*3+i/50)*i+540,W=i/9+2,W)

Jun 3 2018 6:42 PM UTC

}// 98/140

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

3D spirals

u/BirdsTweetCodersDweet

#d3 #spiral
u/aleamb

wow!

show FPS hide FPS share 2 remixes fullscreen

BirdsTweetCodersDweet

function u(t) {

with(x)t?fillStyle='white':(fillStyle='black',fillRect(0,0,2e3,2e3)),font='100px x Arial',fillText("•",t*100,S(t*7)*(S(t/3)*200)+540)
// lol

Jun 3 2018 2:57 PM UTC

}// 140/140

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

Do you wanna know?

u/S.T.L.K.R.

I had the same idea :( Nice work

show FPS hide FPS share fullscreen

BirdsTweetCodersDweet

remix of d/855 by u/mxfh

function u(t) {

r=480,g=t+1/r;c.width=r*4;λ=0;for(φ=a=Math.PI/2;φ>-a;φ-=1/r){λ+=a;x.lineTo(C(φ)*S(λ-g)*r+2*r,(C(g)*S(φ)+S(g)*C(φ)*C(λ-g))*r+r)}x.stroke()

Jun 3 2018 1:59 PM UTC

}// 137/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 3 remixes fullscreen

BirdsTweetCodersDweet

function u(t) {

for(i=1e3;i--;)x.fillRect(S(t+i/500)*(100+t*50)+960,C(t+i/500)*(100+t*50)+540,5,5)

Jun 3 2018 12:03 PM UTC

}// 82/140

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

Anyone wanna have a go at trying to make this rotate, to give it a kinda trippy effect?

u/joeytwiddle

I thought this might turn into the Debian logo!
u/joeytwiddle

It did! <3

show FPS hide FPS share fullscreen

BirdsTweetCodersDweet

remix of d/3697 by u/Citiral

function u(t) {

w=1920;for(c.width=i=w;i>=0;i-=10)for(j=0;j<1080;j+=10){i2=i-w/2;j2=j-1080/2
d=Math.hypot(i2,j2)*t
o=9+C(d-t*5)*5
x.fillRect(i,j,o,o)}

Jun 3 2018 1:53 PM UTC

}// 134/140

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

u/katkip

#moire

show FPS hide FPS share 3 remixes fullscreen

BirdsTweetCodersDweet

remix of d/8355 by u/BirdsTweetCodersDweet

function u(t) {

for(c.width|=i=1e3;i--;)x.fillRect(S(t*10+i/50)*i+960,C(t*10+i/50)*i+540,W=i/9+2,W)

Jun 3 2018 4:42 PM UTC

}// 83/140

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

Hypnotic

u/BirdsTweetCodersDweet

Make it t*20 for a better effect - I lowered it to be kind to people scrolling
u/DataMeta

t*10 --> t*12 in the x pos gives it a nice slow spin on the depth axis, but it looses the 'clean' feel of the 2d spinner. Nice dweet!

show FPS hide FPS share fullscreen

BirdsTweetCodersDweet

function u(t) {

c.width|=i=1e3
for(;i--;x.fillStyle=`hsl(${i%360},50%,${i/20+50}%)`)x.fillRect(i*2,S(t+i*1.5)*100+500,9,9)

Jun 3 2018 11:16 AM UTC

}// 106/140

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

Twisting off into the abyss...

show FPS hide FPS share fullscreen

BirdsTweetCodersDweet

function u(t) {

x.globalAlpha=0.2
Y=S(t*2)*400,Z=1.7+.5*S(t),X=-Z/2
x.fillRect(2000+X/Z-700*Z,540+Y/Z,c=600/Z,15)
x.fillStyle=R(Z*50,Y,Z)

May 19 2018 6:09 PM UTC

}// 121/140

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

3D 8-loop... But which way is it going?

u/BirdsTweetCodersDweet

Kinda reminds me of the Visual Studio icon tbh :D
u/Tourghool

Judging by the code, bigger side is closer ;)

show FPS hide FPS share fullscreen

BirdsTweetCodersDweet

remix of d/7997 by u/BirdsTweetCodersDweet

function u(t) {

c.width=100;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(50,30,0,4,0),17,2,t),10,1,t*6)

May 5 2018 8:14 PM UTC

}// 140/140

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

Fully working arcs with reduced canvas size

u/BirdsTweetCodersDweet

Other versions I made are at d/7997 and d/7998
u/d0n.key

"P=(L,A,N,E,T)" wow :D

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}

dwitter.net | BirdsTweetCodersDweet (372)