Dweets awesomed 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

firegodjr

remix of d/7901 by u/kdgraham

function u(t) {

function z(a,b,e,d){if(d>1){ 
x.fillRect(a+=d*S(e),b-=d*C(e),4,4) 
z(a,b,e-=2*S(t),d*=.7) 
z(a,b,e+=2*S(t*t),d)}}c.width=600
z(250,280,0,80)

May 4 2018 7:08 PM UTC

}// 140/140

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

F R A C T A L P A N I C

u/BirdsTweetCodersDweet

#fractal #fern... #ifs?
u/13thptr

#recursive for sure

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 fullscreen

zgrep

function u(t) {

r=Math.random,A=!t?[[960,1100,4.7]]:r()<.001**t?[...A,...A]:A.map(p=>[X=p[0]+9*C(a=p[2]),Y=p[1]+9*S(a),a+r(x.fillRect(X,Y,9,9))-.5])

Apr 25 2018 9:32 PM UTC

}// 132/140

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

A growing tree.

u/zgrep

Viciously golfed thanks to u/FireFly and their JS golfing prowess.
u/trancor

I just facepalmed... !t is so much cheaper than t==0 (I've been using...).Well done on the mapped expansion, interesting way to generate a ton of objects.

show FPS hide FPS share fullscreen

BalintCsala

function u(t) {

c.width=470
for(i=30;i--;)for(j=15,x.beginPath();j--;x.lineTo(U=99+i*9+S(H=i/4+j/15+t*8)*j,V=30+j*15+C(H)*j/5),x.arc(U,V,1,0,7),x.stroke());

Apr 13 2018 9: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).

curtain #lineart

u/BalintCsala

Based on a tweet from beesandbombs https://twitter.com/beesandbombs/status/9841…
u/f8f82804

#beesandbombs

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.

show FPS hide FPS share fullscreen

AnnanFay

remix of d/7492 by u/AnnanFay

function u(t) {

c.width|=0
P.push(1+P[2*(1<<Math.log2(f++))-f])
x.fill(new Path2D('M960,540'+P.map(v=>'hv'[v&1]+'-| '[v&2]).join(s=60/t**.5)+s))}{P=[f=1]

Mar 27 2018 9:42 PM UTC

}// 137/140

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

Dragon Curve - filled version

u/Xen

love it!
u/joeytwiddle

novel presentation!
u/katkip

#julia #fractal
u/donbright

now thats a good way to draw a dragon

dwitter.net | BirdsTweetCodersDweet (2387)