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 2 remixes fullscreen

Xen

remix of d/3713 by u/bobdunn

function u(t) {

for(c.width|=Y=i=300;i--;x.fillStyle=R(Z=C(i+t*4)*Y,Z*S(t),5-Z,.6))x.fillRect(i*9,Y+C(3*t+(i*2))*99,39,Y)

Dec 27 2017 6:40 PM UTC

}// 105/140

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

had to have a play, quick test... shoutz to bobdunn

Show more comments…
u/karan

Hot damn! that looks fancy! and i thought i was doing something great by just adding random colour :D
u/Xen

always save your code to one side before posting, play with it to see if you can squeeze something extra out.
u/karan

Helpful tips! Is there an IRC or some messaging service to hang out with fellow dwitters?
u/Xen

https://discord.gg/emHe6cP
u/bobdunn

I was thinking about adding color. I like what you did here!
u/Xen

thanks :-)

show FPS hide FPS share 1 remix fullscreen

jonathan_b

remix of d/4722 by u/zkfrontman

function u(t) {

for(c.width|=i=j=1e3/2;i--;)p=t-8*i,x.fillStyle=`hsl(${p},54%,47%,1)`,x.beginPath(),x.arc(3*i+i*S(i)*S(p),j+j*S(p),5*C(p)+25,0,7),x.fill();

Dec 30 2017 4:18 AM UTC

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

jdaless

function u(t) {

w=1920;g=x.createRadialGradient(w/2,w,w+99*S(t),w/2,w,0);g.addColorStop(0,"#000");g.addColorStop(1,"red");x.fillStyle=g;x.fillRect(0,0,w,w);

Dec 30 2017 6:12 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/sigveseb

Gradient party!

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