Dweets by u/ClayCowgill

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: #ScaryMovies

show FPS hide FPS share fullscreen

ClayCowgill

function u(t) {

for(j=2e3;j--;x.fillRect(t*60,j,1,1,x.fillStyle=`hsl(${C(k/9)*k},99%,50%`))for(a=t/8-2,b=j/540-1,k=55;k--&&a*a+b*b<4;a=c)c=a*a-b*b-1,b=2*a*b

Mar 5 2017 7:02 PM UTC

}// 140/140

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

Whoops, doesn't like Safari (on iOS at least)

show FPS hide FPS share fullscreen

ClayCowgill

function u(t) {

for(j=2e3;j--;x.fillRect(t*60,j,1,1,x.fillStyle=`hsl(${C(k)*78},99%,50%)`))for(a=t/8-2,b=j/540-1,k=9;k--&&a*a+b*b<4;a=c)c=a*a-b*b-.7,b=2*a*b

Mar 3 2017 5:28 AM UTC

}// 140/140

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

Really wants ~4 more chars... for(j=2e3;j--;x.fillRect(t*60,j,1,1,x.fillStyle=hsl(${C(k/12)*99},99%,50%)))for(a=t/8-2,b=j/540-1,k=49;k--&&a*a+b*b<4;a=c)c=a*a-b*b-.7,b=2*a*b

show FPS hide FPS share fullscreen

ClayCowgill

function u(t) {

f=t*60;for(j=1080;j--;x.fillRect(f,j,1,S(k),x.fillStyle=R(f/8,f%8)))for(a=f/500-2,b=j/500-1,k=35;k--&&a*a+b*b<4;a=c)c=a*a-b*b-.8,b=2*a*b+.15

Mar 2 2017 11:58 PM UTC

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

ClayCowgill

function u(t) {

f=frame;for(j=1080;j--;x.fillRect(f,j,1,S(k),x.fillStyle=R(f/9,99)))for(a=f/500-2,b=j/500-1,k=35;k--&&a*a+b*b<4;a=c)c=a*a-b*b-.7,b=2*a*b+.55

Mar 2 2017 10:45 PM UTC

}// 140/140

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

I just can't get the color version down to size! i=frame;for(j=1080;j--;){a=i/500-2;b=j/500-1;for(k=75;k--&&a*a+b*b<4;)c=a*a-b*b-.7,b=2*a*b+.55,a=c;x.fillStyle=hsl(${C(k/9)*255},99%,50%);x.fillRect(i,j,1,1)}

Show more comments…
u/iverjo

Rad!
u/sigveseb

and yet the colors on this one are already beautiful!
u/sigveseb

btw you can do t*60 instead of frame
u/ClayCowgill

Thanks! That's one more saved! ;-)
u/ClayCowgill

(BTW, this is mostly based on a Mandelbrot set dweet that I can no longer find. (This is part of the Julia set instead.)
u/FireFly

Halfway there (150): for(j=2e3;j--;x.fillRect(t*60,j,1,1,x.fillStyle=hsl(${C(k/9)*255},99%,50%)))for(a=t*.12-2,b=j/500-1,k=75;k--&&a*a+b*b<4;a=c)c=a*a-b*b-.7,b=2*a*b+.55
u/FireFly

t*.12 is approx. t/8 if you're fine with it being somewhat off-centre.
u/ClayCowgill

Nice! Just six over now... for(j=2e3;j--;x.fillRect(t*60,j,1,1,x.fillStyle=hsl(${C(k/9)*99},99%,50%)))for(a=t/8-2,b=j/500-1,k=99;k--&&a*a+b*b<4;a=c)c=a*a-b*b-.7,b=2*a*b+.5
u/New_Core

the first 99 number can be put as k so still 5 to go
u/magna

You can omit the closing parenthesis of hsl() because browsers are resilient to bad CSS syntax
u/ClayCowgill

Good tips! Thanks!
u/ClayCowgill

Thanks for the help-- managed to get a high resolution/high color version going with the suggestions. :) https://www.dwitter.net/d/1896
u/katkip

Genius

show FPS hide FPS share fullscreen

ClayCowgill

function u(t) {

r=_=>Math.random()*255
x.rotate(t/10);
x.shadowBlur=r();x.shadowColor=R();
x.fillStyle=`hsl(${r()},100%,50%)`,x.fillRect(t*20,t*20,50,50)

Mar 2 2017 7:55 AM UTC

}// 137/140

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

u/donbright

cool
u/SpecialAgent

nice effect!

show FPS hide FPS share fullscreen

ClayCowgill

function u(t) {

for(j=0;j<900;j++)x.globalAlpha=.3,
i=S(t)*4,s=S(t+j),o=C(t-j),x.fillStyle=`hsl(${j-t},100%,50%)`,x.fillRect(950+j*s,500+j*i*o/3,10,10)

Mar 2 2017 7:14 AM UTC

}// 135/140

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

u/Purpzie

Shortened by 18 characters: for(x.globalAlpha=.3,j=900;j--;)x.fillStyle=hsl(${j-t} 99%50%),x.fillRect(960+j*S(t+j),540+j*(S(t)*4)*C(t-j)/3,9,9)
u/Purpzie

Wait, 2 more characters can be shaved off so now it's 20 characters less than yours: for(x.globalAlpha=.3,j=900;j--;)x.fillStyle=hsl(${j-t} 99%50%),x.fillRect(960+j*S(t+j),540+j*S(t)*4*C(t-j)/3,9,9)

You've reached the end.

dwitter.net | ClayCowgill (47)