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

stellartux

function u(t) {

c.width=w=1920;x.scale(.5,.3);for(i=v=91.01;i<w;i+=v)for(j=v;j<w;j+=v){x.fillStyle=`#${i*839+j}`;x.fillRect(w+C(q=j+t)*j,w+T(q)*i,v,v+S(t))}

Jan 28 2019 3:39 AM UTC

}// 140/140

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

There's some interesting variations on this one by changing v slightly or setting v near 88.11. q=i+t has some interesting patterns too. I like the #purple one.

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/11941 by u/ETHproductions

function u(t) {

j=0;for(c of"縿Ϡ庽纵粇皷皿簡线粧粿㪿䘿㨿嚿ᒿ")for(;~++j%20;)i=j-1,c.charCodeAt()>>i%20&1&&x.fillRect((i/5|0)%16*40,(i%5+6*(i/80|0))*40,40,40)

Jan 25 2019 10:37 PM UTC

}// 126/140

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

writing these by hand is a great lesson in #binary and #hex

u/metamero

create your own glyph with d/11967

show FPS hide FPS share 1 remix fullscreen

katkip

function u(t) {

k=S(t)*t;l=C(k)/6;x.fillRect(960+C(k-l)*400,540+S(k+l)*500,10,10)

Jan 28 2019 12:46 PM UTC

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

8bit

function u(t) {

c.width^=0;for(i=0;i<8;i+=0.04){x.fillStyle=R(150,150,150,S(i*5+t-1.5)*.65+.7);x.fillRect(960+S(i*5+t)*300,540+C(i*3)*300,50*C(i*5+t),50)}

Jan 24 2019 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).

show FPS hide FPS share 1 remix fullscreen

mxfh

remix of d/2442 by u/mxfh

function u(t) {

c.width|=b=50
h=S(t)
for(e=6.283;e>0;x.lineTo(d*C(e-=.01)+h*(C(e)+T(e/3+t/T(e)))+960,d*S(e+S(t)/9)-h+540))d=420
x.fill("evenodd")

Jan 22 2019 11:44 PM UTC

}// 129/140

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

u/Xen

NICE! :-)
u/katkip

Haha
u/magna

#glitch
u/mxfh

this one doesn’t even need the fillrule. Was just looking into other cycloids and Lissajous figures, only to end up with a circle.

show FPS hide FPS share fullscreen

genuinebyte

function u(t) {

G = function G(x){return -127 * C(t*x*1.57)+128}
x.fillStyle=R(G(1), G(0.5), G(0.2), 1)
x.fillRect((G(0.15)-1)*7.55,0,5,1080)

Jan 25 2019 6:28 PM UTC

}// 125/140

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

My first dweet is awfully colorful.

show FPS hide FPS share fullscreen

f8f82804

remix of d/11936 by u/f8f82804

function u(t) {

for(x[f='fillRect'](i=-384,i,s=3e3,s);i++;x[f](960-w*4+T(t^i),-i*4,w*8,4))w=i&256?(-i*(i+256))**.5:s,x.fillStyle=i?`hsl(${i/3} 99% 55%)`:R()

Jan 25 2019 6:20 PM UTC

}// 140/140

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

#minimal #outrun #glitch #sunset -- remixed and heavily golfed for a black background

u/f8f82804

should work correctly in browsers such as #safari and #edge that don't support shortened hsl(xx yy%zz% color strings
u/pavel

FYI you can drop the closing ) in the hsl, just not the s and l separator.
u/f8f82804

u/pavel: IIRC #edge requires the closing paren -- see https://github.com/lionleaf/dwitter/issues/3… (which hilariously enough references one of my very first dweets) and d/9170
u/f8f82804

oooof that link got mangled -- https://github.com/lionleaf/dwitter/issues/3…

show FPS hide FPS share fullscreen

f8f82804

remix of d/11958 by u/f8f82804

function u(t) {

c.width=12;j=-1;t*=4;(f=i=>{for(;~++j%20;)"縿Ϡ庽纵粇皷皿簡线粧碾⪿䘮㨿嚿ᒿ".charCodeAt(i)&1<<j%20&&x.fillRect((j/5&15)+1,j%5+1,1,1)})((t&240)>>4);f(t&15);

Jan 26 2019 4:00 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

Koi

function u(t) {

24ad6e39162ae5020ac533164f42411c

Jan 27 2019 5:48 PM UTC

}// 32/140

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

Time is a picture in motion

u/katkip

you just shared a hash of Time is a picture in motion
u/katkip

?
u/joeytwiddle

No result found on https://md5hashing.net/hash or https://isc.sans.edu/tools/reversehash.html #puzzle
u/Koi

https://md5hashing.net/hash

show FPS hide FPS share 1 remix fullscreen

stellartux

function u(t) {

c.width=i=1920;x.translate(960,89);x.globalCompositeOperation='xor'
for(;i>0;i-=.9){x.beginPath()
x.arc(i*C(i),i,55+S(t+i)*34,0,7)
x.fill()}

Jan 25 2019 4:49 PM UTC

}// 140/140

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

#xor #spiral

u/f8f82804

#eldritch #horror
u/Xen

Love it!