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 1 remix fullscreen

hypothete

remix of d/2069 by u/veubeke

function u(t) {

e=144;f=1/9;d=new ImageData(w=c.width=255,e);
for(i=w*e;i--;){
c=t*w*(C(f*i%w)+S(f*i/w))%w;
d.data.set([c,c,c,w],i*4)}
x.putImageData(d,0,0)

Mar 13 2017 6:17 AM 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

aemkei

remix of d/2008 by u/RavenWorks

function u(t) {

t||(w=z=a=i=0);for(I=4;I--;)i+=.005,x.fillRect(w*4+1150,z*4+450,4,4),w+=C(a+=S(i%50*C(i%100))),z+=S(a);x.fillStyle=`hsl(${t*99},100%,50%)`

Mar 11 2017 8:40 PM UTC

}// 138/140

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

u/sfz

This is great, and what a luxurious use of 100's instead of 99's :P

show FPS hide FPS share 1 remix fullscreen

xem

remix of d/2050 by u/xem

function u(t) {

c.style=`background:radial-gradient(#FF0,red,blue,#fff 50%);transform:rotateX(${t*9}deg)rotateY(${t*99}deg)rotateZ(${t/5}rad)scale(${T(t)})`

Mar 11 2017 12:29 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/sfz

css masta!

show FPS hide FPS share fullscreen

jsizzle

function u(t) {

a=t/15;for(q=0,nx=ny=0;q<100;q++){for(i=1;i<3;i++){nx+=C(a+t)*500/i;ny+=S(a+t)*500/i;a+=t/i}x.fillRect(nx+900,ny+500, 1, 1)}

Mar 9 2017 6:25 PM UTC

}// 124/140

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

Sand Art

u/iverjo

A beautiful pattern emerges after ~1 minute
u/donbright

very very nice looking
u/donbright

bravo

show FPS hide FPS share 1 remix fullscreen

p01

function u(t) {

for(c.width=i=192,c.style.background='#964';i--;)i&6?x.fillRect(i*i%187,i,9,.2):x.fillText([...'👧📚👺👹'][i&&3-i%3],96+i*S(i),54-i*C(i))

Mar 6 2017 9:46 PM UTC

}// 133/140

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

ABRACADABRA - 137bytes demake of my JS1k game http://js1k.com/2017-magic/demo/2758

u/sfz

Nice trick with the spread operator to save a few bytes!
u/sfz

And the decimal Y for fake alpha, this one's packed!
u/tapgiles

Is it meant to move? I feel dumb... @.@
u/p01

Sorry but this dweet was too complex to animate.There's a background color, some kind of wood texture, and 3 types of sprites rendered in a pattern.

show FPS hide FPS share fullscreen

FireFly

remix of d/1690 by u/FireFly

function u(t) {

s=t?t<.1?s.replace(/\d/g,i=>+i?'-0+1+0-':'+1-0-1+'):s:'0';c=s[t*60|0];c<2?x.translate(0,16,x.fillRect(0,0,3,16)):x.rotate(c+1.05)

Mar 3 2017 4:49 PM UTC

}// 129/140

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

Same as parent, but golfed and abusing time for the first 6 frames to evaluate/expand the L-system. The straight line at the start is an artifact of this and the particular choice of system.

u/donbright

love this method
u/SpecialAgent

love this series
u/katkip

#fractal

show FPS hide FPS share fullscreen

puckipedia

function u(t) {

r=Math.random,v=w=t;for(i=2e3;i--;v=r()*240,w=r()*140)x.fillStyle=`hsl(${v+S(t+w/99)*70},99%,50%)`,x.fillRect(v*8,w*8,8,8)

Mar 3 2017 11:14 AM UTC

}// 122/140

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

A weird rainbow-y thing that reminds me a bit of video compression

u/SpecialAgent

Reminds me of unicorn magic
u/joeytwiddle

#rainbow #plasma

show FPS hide FPS share fullscreen

veubeke

function u(t) {

r=c.offsetWidth/(c.width^=0);L=t?L.filter(l=>l[x.beginPath(),x.arc(...l,0,7),x.stroke(),2]++-70):(onmousemove=e=>L.push([e.x/r,e.y/r,5]),[])

Mar 2 2017 9:32 PM UTC

}// 140/140

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

Note: doesn’t work in Firefox < 53 because of missing support for MouseEvent.x/y

u/iverjo

Wow, this is so cool
u/lionleaf

#interactive #whater #ripples

show FPS hide FPS share 1 remix fullscreen

aib

function u(t) {

for(X=96;X--;){for(Y=54;Y--;){p=(c)=>127+127*(Math.sin((X^Y)+t/c*300));x.fillStyle = R(p(67),p(71),p(61));x.fillRect(X*20, Y*20, 20, 20);}}

Mar 2 2017 5:22 PM UTC

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

sawaxon

function u(t) {

c.width|=0
for(j=1;j<14;j++)for(i=1;i<40*j;i++)x.fillRect(900+C(t+i/4)*80*j*0.7,500+T(t+C(i))*40*j*0.7,4,4)

Mar 1 2017 9:07 PM UTC

}// 107/140

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