Dweets awesomed by u/farter

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

sfz

remix of d/1962 by u/sfz

function u(t) {

w=950
V=t%13+3
for(i=V;i>0;i-=2/w)x.fillStyle=`hsla(${7*t*i},66%,66%,.2)`,x.fillRect(w+w*S(t*i+2*V),w/2+w/2*S(V*i+2*t+3),V,V)

Mar 8 2017 7:22 PM UTC

}// 125/140

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

Harmonograph II.2

u/donbright

i like these colors
u/sfz

I call it Mathematician's Plaid

show FPS hide FPS share fullscreen

sfz

function u(t) {

s=42
for(i=2e3;i--;)x.fillStyle=`hsla(${t*i},99%,50%,.2)`,x.fillRect(i+i%s*99*C(i/s-t)-1e3,i+s*S(i+t)-3*s,s,s)

Mar 5 2017 9:10 PM UTC

}// 110/140

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

Psychedelic Flow

u/sfz

No idea what to do with the extra bytes
u/sigveseb

add more colors? :P
u/sfz

K, just updated it with IR and UV
u/iverjo

Color party! :D

show FPS hide FPS share fullscreen

tomkh

function u(t) {

for(c.width=i=1920;i--;){for(h=63&i,v=i>>6,e=k=g=30;k--;)r=S(k-t)+1-h/g,d=C(3*k+t)+1-v/g,d=d*d+r*r,e=e>d?(s=k,d):e;x.fillRect(h*g,v*g,s,s)}

Mar 5 2017 7:47 PM UTC

}// 139/140

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

u/sfz

What alchemy is this?
u/tomkh

just a brute-force Voronoi Diagram
u/donbright

WOWWWWW
u/magna

How in the ...
u/Xen

131bytes: for(c.width=i=1920;i--;x.fillRect(h*g,v*g,s,s))for(h=63&i,v=i>>6,k=e=g=30;k--;e=e>d?(s=k,d):e)d=C(3*k+t)+v/g,d=d*d+r*(r=S(k-t)+h/g)
u/Xen

131bytes: for(c.width=i=1920;i--;x.fillRect(h*g,v*g,s,s))for(h=63&i,v=i>>6,k=e=g=30;k--;e=e>d?(s=k,d):e)d=C(3*k+t)+v/g,d=d*d+r*(r=S(k-t)+h/g)

show FPS hide FPS share 1 remix fullscreen

recursive

function u(t) {

c.width=256;
for(X=255;X--;)for(Y=144;Y--;)
if((q=C(X/8+C(t*7))+C(Y/8+S(t*8))-C(t*3)*2)>0?q<.2||X+t*30&4:Y+t*30&4)x.fillRect(X,Y,1,1)

Mar 5 2017 6:27 PM UTC

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

FireFly

function u(t) {

for(c.width|=M=Math,i=2e4;i--;x.fillRect(A*8,B*8,W=9+M.atan2(M.sqrt(1-X*X-Y*Y),X)*3-t*4&7^4-M.asin(Y)*3,W))X=(A=i%135)/67-1,Y=(B=i/135)/67-1

Mar 4 2017 6:26 PM UTC

}// 140/140

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

Raycasted rotating sphere with UV-mapping!

Show more comments…
u/sfz

... ??? !!!
u/iverjo

Impressive! I like the c.width|=M=Math hack. Apparently Math is evaluated to NaN in the process.
u/iverjo

http://stackoverflow.com/a/11037887/2319697
u/alien

god... i can't understand this yet but is awesome...
u/sigveseb

So good!
u/donbright

standing ovation
u/tomkh

great job! some tricks here really opens new possibilities
u/mxfh

you can do M.sqrt() with ES6 power operator as **.5 should yield a net gain of 2 chars
u/FireFly

Oh right! I haven't gotten used to it yet since I'm on Fx51, which doesn't seem to support ** yet. Thanks!
u/FireFly

Oh, and also thanks for all the positive responses, everyone :)
u/iverjo

#sphere
u/lionleaf

#disco
u/f8f82804

#halftone #dithering #shading

show FPS hide FPS share fullscreen

farter

remix of d/1862 by u/farter

function u(t) {

t||(f=0,s=1);s<<8&f||s>>24&255?(f|=s,s=1<<new Date,f>>24==-1&&(f<<=8)):s<<=8;c.width=63;for(i=32;i--;)(f|s)&1<<i&&x.fillRect(i%8*8,i&~7,7,7)

Mar 4 2017 6:09 PM UTC

}// 140/140

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

fixed initial field f=0, and saved 2 bytes according to FireFly's suggestion!

show FPS hide FPS share 1 remix fullscreen

farter

function u(t) {

t||(a=[],c.onmousemove=e=>(a.push([e.pageX*3.37,e.pageY*3.37,100])));c.width+=0;a=a.filter(o=>(x.fillRect(o[0],o[1],o[2],o[2]--),o[2]>0));

Mar 4 2017 2:26 PM UTC

}// 138/140

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

hover your mouse

show FPS hide FPS share fullscreen

farter

function u(t) {

x.fillStyle=R((S(t)+1)*150)
for(i=0;i<9;i++)
x.fillRect(400+i*100+S(t)*300, 400, 50, 200)
x.fillStyle=R(0,0,0,0.1)
x.fillRect(0,0,1920,1080)

Mar 4 2017 1:39 PM UTC

}// 140/140

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

remix of the default code

u/joeytwiddle

Reminds me of a certain talking car. And also a talking toaster.

show FPS hide FPS share 1 remix fullscreen

farter

function u(t) {

t||(f=s=1);s<<8&f||s>>24&255?(f|=s,s=1<<new Date,f>>24==-1&&(f<<=8)):s<<=8;c.width=63;for(i=32;i--;)(f|s)&1<<i&&x.fillRect((i&7)*8,i&~7,7,7)

Mar 4 2017 11:43 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/parabola

Awesome!
u/iverjo

Tetris! Any way we could slow it down?
u/FireFly

Very nice! (i&7)*8 → i%8*8 should save you two bytes, btw
u/farter

@iverjo in fact at first i tried, but if it's slowed down, you'll see some wrong but minor behavior, due to saving bytes. and @FireFly thx, and the two bytes allowed me to solve one of them!
u/Renaud___

I am trying to do anything like that since 4 days ... with 180 char, cant golf it... full respect farter :)
u/joeytwiddle

#game #tribute
u/Cloud

#tetris

show FPS hide FPS share fullscreen

farter

function u(t) {

c.width=16;c.height=9;s=n=>(S(n)+1)/2*255;for(i=16;i--;)for(j=9;j--;){x.fillStyle=R((s(t+i)),(s(t+j)),s(t));x.fillRect(i,j,1,1)}

Mar 4 2017 8:22 AM UTC

}// 128/140

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

play with zooming artifact depending on browser canvas implementations

You've reached the end.

dwitter.net | farter (1992)