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

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).

show FPS hide FPS share 1 remix fullscreen

sawaxon

remix of d/1701 by u/sawaxon

function u(t) {

c.width|=0
for(j=1;j<11;j++)for(i=1;i<20*j;i++)x.fillRect(900+S(t+i/2)*80*j,500+C(t+i)*50*j,4,4)

Mar 1 2017 8:43 PM UTC

}// 96/140

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

u/iverjo

Almost looks like 3D :) Making near dots smaller and far dots smaller would enhance the effect

show FPS hide FPS share fullscreen

SpecialAgent

function u(t) {

π=Math.PI;h=540;q=S(t)
x.beginPath()
x.arc(960,h,q*q*h,1*π,3*π)
x.stroke()

Feb 28 2017 5:13 PM UTC

}// 74/140

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

u/iverjo

Some interesting moirè patterns there
u/donbright

resembles 'circles and squares' fractal a little bit

show FPS hide FPS share fullscreen

kchplr

remix of d/1416 by u/kchplr

function u(t) {

for(i=1296;i--&&t<2;Y=i/48|0,d=.2+((X-24)**2+(Y-13)**2)/300,s=(200*S(t*d)*d)%40,x.fillRect(X*40-S(Y*X+t)*s,Y*40+S(X+Y-t)*s,s/8,s/7))X=i%48

Feb 28 2017 12:24 PM UTC

}// 138/140

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

I would be lying if I said this is what I had in mind

u/Flexi23

But no-one could look into your mind and compare. wait. no.