Dweets awesomed by u/Tekmap

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

scottglz

remix of d/2237 by u/dodojojo

function u(t) {

w=c.width=1920;g=-C(t/7)*9+11;for(i=0;i<g;i++)for(j=0;j<g;j++)x.fillRect(i*(w/g)+30*S(g*j),j*(1080/g)+30*C(g*i),w/g-10,1080/g-10)

Mar 20 2017 10:48 PM UTC

}// 130/140

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

Made a cycle of my favorite timespan

show FPS hide FPS share 2 remixes fullscreen

dodojojo

function u(t) {

w=c.width=1920;
for(i=0;i<t;i++){for(j=0;j<t;j++){
  x.fillRect(i*(w/t)+30*S(t*j), j*(1080/t)+30*C(t*i), (w/t)-10, (1080/t)-10)
}}

Mar 20 2017 9:35 PM UTC

}// 130/140

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

u/scottglz

Love the first 20 seconds
u/sfz

this is looking!
u/sfz

*kookoo stupid autocorrect

show FPS hide FPS share fullscreen

magna

remix of d/2172 by u/magna

function u(t) {

c.width=w=1920;h=1080;n=128;m=72;s=w/n;for(i=n*m;i--;X=i%n,Y=i/n,b=S(X/Y+t*t),x.fillRect(X/n*w,Y/m*h,b*s,b*s));

Mar 17 2017 7:16 PM UTC

}// 111/140

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

u/recursive

like a corn field from the drivers' seat

show FPS hide FPS share fullscreen

SpecialAgent

remix of d/1863 by u/SpecialAgent

function u(t) {

w=c.width=256;for(i=0;i<w*w;i+=16)X=i%w,Y=i/w>>0,P=64*(S(X/42)*S(Y/10-t)+t),x.fillStyle=`hsl(${P},70%,45%)`,x.fillRect(X,Y,16,16)

Mar 15 2017 5:18 AM UTC

}// 131/140

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

u/donbright

this reminds me of plasma but .... different!

show FPS hide FPS share fullscreen

sfz

remix of d/2105 by u/mxfh

function u(t) {

c.width|=w=999
h=540
a=w+w*S(t)/3
b=h+h*C(t)/2
with(x)font='3em Arial',fillStyle='#aaa',fillText('The BEATLES',a,b),strokeRect(a-h,b-h,w,w)

Mar 14 2017 8:38 AM UTC

}// 139/140

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

Dwitter Album Covers

u/sigveseb

haha nice

show FPS hide FPS share 2 remixes fullscreen

mxfh

function u(t) {

for(x.drawImage(c,b=n=0,-16),i=w=960;a=C(i/w*4),b=!b,i-->-w;n+=C(t*i*i),x.fillStyle=R(e=b*w,e,e))x.fillRect(i+b+w,a>0?w+a*a*n*2+b*4:w,2,w)

Mar 13 2017 10:35 PM UTC

}// 138/140

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

dwitter Album Cover Art https://blogs.scientificamerican.com/sa-visu… (deleted the prior version)

Show more comments…
u/donbright

wonderful
u/SpecialAgent

Nice homage to a great band :)
u/p01

Super smart implementation! Wish I saw it before I did https://www.dwitter.net/d/2958
u/zanella

I saw i--> and thought it was a new JS operator. :)
u/lionleaf

#album #album_cover
u/mxfh

#unknownpleasures #joydivision
u/rodrigo.siqueira

Here is the original Ph.D. dissertation page where this were published: https://twitter.com/ChristiansenJen/status/1…

show FPS hide FPS share fullscreen

codeslaw

function u(t) {

for(c.width|=0,i=6;i<10;i++){for(e=0;e<352;++e){
x.arc(e*7-400,S(e/194)*i*130-300,99+C((e-t*35)/i)*C(e/10)*20,7,0)}x.stroke();x.beginPath()}

Mar 12 2017 10:05 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/recursive

Lumpy intestines?
u/codeslaw

Aren't we all? :D

show FPS hide FPS share fullscreen

donbright

remix of d/1969 by u/jes5199

function u(t) {

c.width=2e3;g=new Float32Array(1);for(a=192;a;a--)for(b=99;b;b--){C=(a-96)*t;d=(b-54)*t;v=C*C+d*d;g[0]=v;v-g[0]>0?x.fillRect(a*9,b*9,9,9):0}

Mar 9 2017 12: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).

animating some of jes5199 's circles-and-squares -ish patterns.

u/jes5199

cool! This particular pattern is based on this paper: http://www.cgl.uwaterloo.ca/csk/projects/ali…
u/donbright

thanks for linking that, very very interesting.
u/donbright

#Aliasing

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

dwitter.net | Tekmap (12901)