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

katkip

function u(t) {

for(i=0;i<2e2;i++)x.fillStyle=`hsla(${i*2+t*99},99%,50%)`,x.fillRect(960+S(t)*9*i,540+C(t)*9*i,C(t)*i*C(i+t),S(t)*i*C(i+t))

Aug 31 2018 8:23 AM UTC

}// 123/140

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

3, 2, 1... SHOOT! #target #rainbow

show FPS hide FPS share fullscreen

anotherkitten

remix of d/9572 by u/anotherkitten

function u(t) {

x[e="fillRect"](0,0,2e3,2e3);for(i=2e3;i;i-=8){y=(i*t)%380;a=i/30;x.fillStyle=(i>8)?R(y,y/2,y,y/355):R();x[e](C(a)*30+i,S(a+t)*120+540,9,9)}

Aug 31 2018 10:00 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

username

remix of d/9544 by u/yonatan

function u(t) {

for(i=w=c.width=500;(i*=.9998)>w/2;x.fillRect(w/2+S(i+t)*q,j*300-C(i+t)*q,9,9))j=1-i/w,q=(2+S(i*5)**3)*j**4*w,x.fillStyle=R(a=j*999,a/2,a/2)

Aug 30 2018 9:56 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

atgz

remix of d/9503 by u/atgz

function u(t) {

v=Math.abs;for(c.width|=i=351;i--;)x.ellipse(960+C(t)*64,b=540,b*.618*v(C(t-i)),b*v(S(C(t)+i--)),-t+i--,-t,7);x.stroke();

Aug 31 2018 9:22 PM UTC

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

DataMeta

remix of d/9485 by u/DataMeta

function u(t) {

v=Math.abs;for(c.width|=i=360;i--;)
x.ellipse(960,b=540,v(b*S(C(i-t))),v(b*S(S(i+t))),t,-i,7);x.stroke();

Aug 30 2018 9:13 PM UTC

}// 105/140

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

u/donbright

weird

show FPS hide FPS share fullscreen

c499

remix of d/9548 by u/katkip

function u(t) {

if(!t)x.translate(960,540);x.lineWidth=1/frame;for(i=0;i++<900;)x.strokeRect(t*400*S(i+t),-t*256*C(i+t),50+t/25,50+t/25);x.rotate(2)

Aug 31 2018 5:38 PM UTC

}// 132/140

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

Vortex

show FPS hide FPS share fullscreen

c499

function u(t) {

for(i=0;i<4e3;i+=69){e=t+i/-3
o=900+C(e)*i/3
p=550+S(e)*i/5
x[w="fillStyle"]="#c26"
x[q="fillRect"](o,p,30,60)
x[w]="#2ff8"
x[q](o,p,30,30)}

Aug 31 2018 5:34 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

f8f82804

remix of d/9561 by u/f8f82804

function u(t) {

p=a=>127-C(a)*127;x.fillStyle=R(p(t),p(t-2),p(t+2));x.setTransform(1,0,0,1,960,540),x.rotate(t),x.fillRect(99,0,(t+1.05)%2.1<.02?500:250,16)

Aug 31 2018 4:35 PM UTC

}// 140/140

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

#color wheel

u/katkip

that's actually impressive

show FPS hide FPS share 1 remix fullscreen

anotherkitten

function u(t) {

x[e="fillRect"](0,0,2e3,2e3);for(i=2e3;i;i-=8){y=(i-2)%380;a=i/30;x.fillStyle=(i>8)?R(y,y/2,y,y/355):R();x[e](C(a)*30+i,S(a+t)*120+540,9,9)}

Aug 31 2018 1:13 AM UTC

}// 140/140

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

p i n k w a v e

show FPS hide FPS share fullscreen

f8f82804

remix of d/9570 by u/f8f82804

function u(t) {

z=32;for(i=z*z;i--;x.fillRect(i%z*z+448,j*z,z,z))U=i%z*S(t)**2,V=(j=i/z%z|0)*S(t)**2,x.fillStyle=R((i+t|0)%7*U+U>z?255:0,0,i%7*V+V>z?255:0)

Aug 30 2018 11:41 PM UTC

}// 139/140

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

ordered #dithering #animated

u/joeytwiddle

Very clever mini dithers! How about dithering a sphere?
u/f8f82804

A sphere is a good idea! I'm still trying to work on spatial coherence though; see my earlier Floyd-Steinberg demo to get an idea of what's possible with 2d error diffusion. This dweet is a start at using a mask instead of diffusing errors.