Dwitter - javascript demos in 140 characters

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

mnt

remix of d/3834 by u/netule

function u(t) {

c.width=2e3
d=T((300+t)*2e-3)
s=(i)=>{x.fillRect(1e3+i*S(d*i),500+i*C(d*i),50*C(i),50*T(i))}
for(i=0;i<250;++i)for(j=-2;j<3;++j)s(i**j)

Dec 29 2017 6:11 PM UTC

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

nickd3000

function u(t) {

for(w=250,i=0;i<w;i++)a=25*i+3*t,r=6*i+S(5*a)*w,q=r/w+t,x.fillStyle=R(S(.25*q)*w,C(.28*q)*w,C(q)*w),x.fillRect(960+S(a)*r,540+C(a)*r,35,35);

Dec 29 2017 5:54 PM 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

Zolden

function u(t) {

r=Math.random;a=993;b=S(t*a)*30;m=b*b;x.drawImage(c,0,9,a,m,0,0,a,m);for(i=0;i++<a;){m=r()*a;n=r()*a;x.fillStyle=R(n/3);x.fillRect(m,n,9,9)}

Dec 29 2017 5:53 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/zanella

You can replace 'a=993;b=S(t*a)*30;m=b*b;' with 'a=1920;m=S(t*a)*30;m*=m;'. This way your effect can cover the entire canvas width. ;)
u/Zolden

Thank you, good point, missed that.

show FPS hide FPS share fullscreen

eskimofo

function u(t) {

c.width|=0;g=()=>Math.random()
for(i=0;i<15000;i++)
x.fillRect(g()*1920,g()*1080,10,10)

Dec 28 2017 10:27 PM UTC

}// 87/140

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

u/iverjo

No signal (Error Code: DEADBEEF). This could be due to a bad connection or bad weather conditions at your end or 1. Check the cable connections and remove any obstruction around the dish. 2. Try to change channels. 3. Have you tried turning it off and on again?

show FPS hide FPS share fullscreen

xem

function u(t) {

for(Q=O=1920;Q--;x.fillStyle='#'+I*12,x.fillRect(Q,t*60,1,!!I))for(V=W=0,I=99;--I/V;W=Z+Z+_/8e5-1.25)Z=V*W,V=V*V-W*W+(_=Q+t*60*O)/640%3-2.15

Dec 28 2017 9:55 AM UTC

}// 140/140

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

Colored, progressive, Mandelbrot tracer. Dwitted with the great help of @veubeke. Even cooler in fullscreen! More info and credits on https://github.com/xem/miniMandelbrot/

u/Xen

Loving the detail :-)
u/E-Mouse

Xem and Xen, confused af

show FPS hide FPS share fullscreen

Cecidi

function u(t) {

c.width^=0;for(j=1;j<99;j++){for(i=0;i<9;i++){x.beginPath();e=2*i*3.1415/9+j*t/50;x.arc(960+j*C(e)*12,540+j*S(e)*12,j,0,2*3.14);x.fill()}}

Dec 28 2017 5: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).

u/nystrand

oh nice!
u/iverjo

#spiral

show FPS hide FPS share fullscreen

coderkid

function u(t) {

c.width^=0;x.font="15em 💩";x.fillText("🏀",t*200%2120-200,1080-Math.abs(S(t)*1080));

Dec 31 2017 5:23 PM UTC

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

retera

remix of d/4342 by u/retera

function u(t) {

c.width=w=2e3
v=t+400
for(q=255;q--;){x.fillStyle=R(q,q,q+40);x.beginPath();x.arc(w/2+C(v-q)*(v+q),540+S(v-q)*(v-q),60,0,6.283,!1);x.fill()}

Dec 28 2017 9:46 PM 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 1 remix fullscreen

danr

remix of d/4136 by u/Exca

function u(t) {

for(i=0;i<1100;i++){d=C(t+1*i),s=i==0?2920:9-d*49;x.fillStyle=R(i,i,i,0.1);x.fillRect(S(t*2.5+3*i)*220*S(C(t)+i%50)+960*(i==0?-1:1),i,s,s);}

Dec 28 2017 2: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).

u/joeytwiddle

#ghostly #twister #dna

show FPS hide FPS share 1 remix fullscreen

TylerCross

function u(t) {

c.width|=0
  for(i=0;i<192;i++)
for(y=1;y<11;y++)
  x.fillRect(i*9,100+y*y*10.5+(C(i*0.5/y-t*2+y)+S(t-(y*y)/15))*y*10, 5, 5)

Dec 29 2017 4:46 PM UTC

}// 125/140

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

u/joeytwiddle

Nice. Even the waves are waving.
u/TylerCross

thx :) this is a really fun game. Anyone got an idea to not display rectangles that should be hidden behind frontground waves ?