Top dweets of all time

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

show FPS hide FPS share fullscreen

sfz

function u(t) {

x.drawImage(c,-9,-4,1937.8,1089)
for(i=9;i--;)H=9*S(t),G=9*C(t),x.fillStyle=`hsl(${t+=9*i+t/9},90%,60%`,x.fillRect(960+i+G-H,470+i+H+G,6,6)

Mar 21 2017 8:48 AM UTC

}// 139/140

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

Neutron

show FPS hide FPS share fullscreen

jick

function u(t) {

x.fillStyle=R(S(t*1)*255,Math.random()*255,0);
x.fillRect(t*12345%2000,1060,30+Math.random()*300,40)
x.drawImage(c,0,-20,1920,1080)

Mar 21 2017 3:01 AM UTC

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

mxfh

remix of d/2230 by u/mxfh

function u(t) {

i=t*60
x.setTransform(64,r=i>15,b=i>7,64,w=900,h=519)
x.rotate(i*.7854)
x.fillStyle=`#${b?r?w:"FFF":h}`
x.fillRect(-3+r,0,b?r?4:6:w,w)

Mar 20 2017 9:51 AM UTC

}// 134/140

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

golfpunk brexit edition

u/iverjo

#flag

show FPS hide FPS share fullscreen

New_Core

function u(t) {

for(i=2e3;i--;)x.fillStyle='hsl('+200*C(t*.5)*S(i*.005)+',99%,50%)',x.fillRect(i*5+200*S(t)-200,1070,5,9);x.drawImage(c,0,-9,1920,1080)

Mar 19 2017 8:27 PM UTC

}// 135/140

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

another color shock

u/New_Core

#colorshock

show FPS hide FPS share 1 remix fullscreen

mxfh

remix of d/2180 by u/aemkei

function u(t) {

for(i=W=c.width=2e3;i--;x.beginPath(),x.arc(W*(T(i/9)+s*t)%W,540+540*S(s*W),s*30,0,7),x.fill())s=149/(i*3+199)

Mar 18 2017 3:05 AM UTC

}// 110/140

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

arc all the things

u/iverjo

#parallax #dots
u/mxfh

#arc

show FPS hide FPS share fullscreen

pangolin

function u(t) {

c.width=1920;f=(y,z)=>{x.lineTo(y*70+980,z*70+540)}
for(i=C(t);++i<25;){for(j=~~t-t;++j<20;){
f(i,0);f(0,-j);f(-i,0);f(0,j);}}
x.stroke();

Mar 14 2017 2:02 AM UTC

}// 138/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 1 remix fullscreen

recursive

function u(t) {

t||(h=[])
x.drawImage(c,0,-1)
for(i=2e3;--i;x.fillRect(i,1079,1,1))x.fillStyle=R((h[i]=(h[i-1]+h[i]+h[i+1])/3.01+Math.random()*40-20|0)+128)

Mar 10 2017 11:53 PM UTC

}// 140/140

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

u/donbright

liked this method alot. remix https://www.dwitter.net/d/2037
u/hypothete

your noise generation here is slick, is this a technique of sorts or just trial and error?
u/recursive

Both. I wanted to be random, but I didn't want pure static. I wanted nearby pixels to have similar levels.

show FPS hide FPS share fullscreen

sfacci

remix of d/1844 by u/sfacci

function u(t) {

c.width=1920;
for(i=0;i<400;i++)for(j=0;j<6;j++){
x.fillRect(300*(j-S(t-i/j)),
450+400*(C(j-i))*S(t/j),
10,10)}

Mar 3 2017 9:51 PM UTC

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

hamptonio

function u(t) {

r=540;m=t%99|0;for(n=1;n<m;n++){c.width=2e3;for(i=0;i<6.3*n;i+=.01){q=r*C(i*m/n);x.lineTo(2*r+C(i)*q,r+S(i)*q)}x.fill("evenodd");x.stroke()}

Mar 3 2017 6:12 PM UTC

}// 140/140

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

u/iverjo

Kudos!
u/donbright

excellent

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