Dweets awesomed by u/z3vin

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

z3vin

function u(t) {

r=(n)=>Math.random()*n;h=1080;w=1920;
for(i=0;i<1999;i++)x.fillRect(r(w),h/2*C(t)+h/2,3,6)
for(i=0;i<99;i++)x.clearRect(r(w),r(h),r(3),r(h))

Mar 25 2017 12:16 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

z3vin

function u(t) {

r=(n)=>Math.random()*n;h=w=1920;c.style.transform=`scale(${r(.1)+1})`
for(i=0;i<9;i++)x.fillRect(0,r(h),w,3);x.clearRect(r(w),r(h),r(9),h)

Mar 24 2017 11:59 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/donbright

weird!
u/donbright

in a good way
u/z3vin

@donbright ha thanks!
u/katkip

#

show FPS hide FPS share 2 remixes fullscreen

thespite

remix of d/2280 by u/thespite

function u(t) {

w=1920,h=1080,c.width=w,d=.5;for(a=-d;a<d;a+=.02)for(b=-d;b<d;b+=.02){x.fillRect((d+a)*w,(d+b+.15*C(10*Math.sqrt(a*a+b*b)-2*t))*h,40,10)}

Mar 23 2017 6:43 PM UTC

}// 137/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/2238 by u/aemkei

function u(t) {

r=500;c.width^=0;for(I=F=2;F>-2;F-=1/2e3)x.fillRect(C(F)*S(L=F*r-t)*r+999,S(F)*r+520,W=(20&((S(I+=.25032)*50)*C(.1+I/1000)*.7))*C(L/2),W)

Mar 21 2017 10:36 PM UTC

}// 137/140

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

the world …

u/sfz

you are a god.min.js
u/sigveseb

well done!
u/iverjo

#sphere #earth #globe
u/vain

What?? top ++++

show FPS hide FPS share fullscreen

z3vin

function u(t) {

c.width=1920;r=(n)=>Math.random()*n;w=c.width;h=c.height;for(i=0;i<2999;i++)x.fillRect(r(w),r(h),w,1);x.fillRect(w/4,h/3+r(33),199,299)

Mar 21 2017 3:54 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/donbright

this looks amazing on my phone... because it was a lot slower than on my pc
u/z3vin

@donbright thanks man I'll have to try slowing it down to check it out.
u/joeytwiddle

pushing the envelope to ludicr͞óus s͡p̵ee͏d

show FPS hide FPS share fullscreen

jick

function u(t) {

x.fillStyle=R(S(t*1)*255,Math.random()*255,0);
x.fillRect(t*12345%2000,1060,30+Math.random()*300,40)
x.drawImage(c,0,-20,1920,1080)

Mar 21 2017 3:01 AM 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 1 remix fullscreen

z3vin

function u(t) {

r=Math.random;y=c.width;z=c.height;x.fillStyle='#333';for(i=0;i<2999;i++)x.fillRect(r()*y,r()*z,5,5);x.clearRect(r()*y-99,r()*z,r()*z/2,z)

Mar 20 2017 8:42 PM UTC

}// 138/140

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

The City Never Sleeps

u/sigveseb

Cool technique!
u/z3vin

thanks! @sigveseb

show FPS hide FPS share 1 remix fullscreen

sfz

remix of d/2158 by u/sfz

function u(t) {

c.width=w=480;x.fillRect(0,0,w,w);t*=3;for(i=99;i--;t+=i)for(j=7;j>0;x.fillText((u+'')[~~t*j%137],t%w,t*i%w-i*j--))x.fillStyle=R(0,i?w:0)

Mar 17 2017 5:15 AM UTC

}// 137/140

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

Metamatrix

u/donbright

i wonder if there is a way to mix this with Kalanchoe's technique from https://www.dwitter.net/d/1395
u/donbright

something like this r=Math.random t?o.push({X:480*r(),c:~~(r()*99),Y:0,ẏ:1}):(o=[]) c.width=480 o.map(a=>(x.fillText(String.fromCharCode(a.c++),a.X,a.Y+=a.ẏ)))
u/sfz

well, if you change the for loop to something like for(i=99;i>18;t+=i--) it gets rid of the clumpy crap on the left side, but I didn't figure that out until afte posting.
u/scottglz

The clumpy crap is my favorite part
u/joeytwiddle

#matrix

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

donbright

remix of d/1863 by u/SpecialAgent

function u(t) {

c.width=1024;w=64;for(i=w*w;i--;)X=i%w,Y=i/w>>0,P=128*((1-t*t)*X*X/(1+t*t)+2*t*Y*Y/(1+t*t)),x.fillRect(200+X*10,Y*10,P%11,P%11)

Mar 11 2017 2:03 AM UTC

}// 129/140

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

No Sine or Cosine were harmed in the making of this demo. It is not random - and if it runs long enough it should theoretically become a still image

u/sfz

Those ripples are tripping me out
u/donbright

note to future self - this varies from x*x + y*Y to x*x-y*y (circle to hyperbola) by using the rational parameterization of the circle with one variable parameter, where (1-t**2)/(1+t**2) is an alternate to cosine and 2t/(1+t**2) is an alternate to sine. (or vice versa i forget lol)
u/magna

Awesome!
u/z3vin

So cool

dwitter.net | z3vin (1099)