Dweets awesomed by u/sfz

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

recursive

function u(t) {

for(c.width&=Y=-64;++Y<64;)for(X=-64;++X<64;x.fillRect(960+X*(12+Y/10),540+Y*8-q,32,32))x.fillStyle=R(q=C((X**2+Y**2)**.5/4+t*8)*64+128,q,q)

Mar 8 2017 5:53 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 more comments…
u/sfz

wow
u/Renaud___

Impressive
u/SpecialAgent

Excellent
u/sigveseb

Now we are talking! Very nice indeed.
u/FireFly

Sweeet :D
u/nick

tight
u/iverjo

Smooth!
u/katur

rocks!

show FPS hide FPS share fullscreen

recursive

function u(t) {

with(x)fillStyle=R(z=2e3,z,lineWidth=150,.015),fillRect(0,0,z,z),beginPath(),arc(960+C(t*2)*480,540+S(t)*270,t%4*400,0,7),stroke()

Mar 8 2017 1:42 AM UTC

}// 130/140

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

u/donbright

this is so weird
u/iverjo

It's some kind of tunnel :D
u/donbright

i though it was worms bursting out of each other

show FPS hide FPS share fullscreen

FireFly

function u(t) {

for(c.width|=0,i=3e3;Y=i-->>6;((X*(Y^X)*(1-C(t/4))/99&15).toString(D=30)>"082ac4e63b19f7d5"[Y%4*4+X%4])&&x.fillRect(X*D,Y*D,D,D))X=i&63

Mar 7 2017 11:21 PM UTC

}// 135/140

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

Dithering as a stylistic effect

u/nick

Fucking tight!
u/joeytwiddle

#diither

show FPS hide FPS share fullscreen

magna

function u(t) {

c.width=96;for(i=9;i--;x.fillRect(20+i*5+S(t)*15,20,2,10));(i=new Image).src=c.toDataURL().replace(t&9,0);try{x.drawImage(i,0,0)}catch(e){}

Mar 7 2017 11:02 PM UTC

}// 139/140

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

Requires Chrome

u/scottglz

That's scary, love it.
u/tapgiles

It's so AWESOME!!
u/magna

It doesn't glitch like it used to, probably after an update to Chrome's JPEG lib or something...
u/magna

#default #glitch

show FPS hide FPS share fullscreen

scottglz

remix of d/1855 by u/scottglz

function u(t) {

with(x){c.width^=0;F=f=>110+S(t*f)*100;for(i=9;i--;beginPath(),lineWidth=250,setLineDash([F(i),F(1)]),arc(-90,-90,270*i,0,2),stroke());}

Mar 7 2017 8:53 PM UTC

}// 136/140

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

u/danjah

this one's great!

show FPS hide FPS share fullscreen

FireFly

function u(t) {

r=140-16*(t<10?t:0);for(U=0;U<44;(r<8?"䃀䀰䜼䚬䶴伙倃匞䖴䚬䞜䆀䁠".charCodeAt(Y-61)>>X-18&1:0)||x.fillRect(8*X,8*Y,8,8))X=120+r*C(U+=.11)|0,Y=67+r*S(U)|0

Mar 7 2017 6:23 PM UTC

}// 140/140

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

Change .11 to another decimal number (e.g. .10 or .13) for a different pattern!

u/magna

What is the nature of the data that you're encoding in that string?
u/FireFly

Just that lil' bitmap in the centre (same way as in other dweets—each bit of each codepoint represents one binary pixel)
u/quate

r=140-16*(t<10?t:0);for(U=0;U<44;(r<8?"䃀䀰䜼䚬䶴伙倃匞䖴䚬䞜䆀䁠".charCodeAt(Y-61)>>X-18&1:0)||x.fillRect(8*X,8*Y,8,8))X=120+r*C(U+=.11)|0,Y=67+r*S(U)|0
u/quate

whoops. sorry.

show FPS hide FPS share fullscreen

Constantin

remix of d/1853 by u/sebbert

function u(t) {

c.width=999;for(a=b=z=0,w=140;z<400;z+=.1)a=S(a*2.4-t)*S(t*2)+C(a+b+t)+C(z*100.34+t),b=C(z*10.56),x.fillRect(a*w+500,b*w+w+w,10,10)

Mar 7 2017 1:42 PM 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

sfz

remix of d/1925 by u/p01

function u(t) {

t/=9
c.style.background='#27a'
for(c.width=i=210;H=u[i]=u[i]||Math.random()*5,i--;)x.fillText([...'🐟🐠🐡🐙👾'][~~H],X=i*T(H-t),i*C(i)-S(X))

Mar 7 2017 9:30 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/SpecialAgent

Anybody knows which font I need to display these characters? :)
u/sfz

They're all in this unicode block: http://www.unicode.org/charts/PDF/U1F300.pdf
u/iverjo

#fish

show FPS hide FPS share 1 remix fullscreen

sfz

function u(t) {

I=S(t)
O=C(t)
a=Math.sqrt(4e5/t)
b=4*a/5
for(i=9;i--;)x.fillStyle=`hsl(${t*b/i},66%,66%)`,x.fillRect(500+i%3*2*a+a*O-b*I,i*199+a*I+b*O,a,b)

Mar 7 2017 12:02 AM UTC

}// 139/140

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

Lituus spiral

u/Constantin

Oh good old Win XP

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.

dwitter.net | sfz (8520)