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

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!

show FPS hide FPS share fullscreen

katkip

function u(t) {

f=n=>{q=C(n)*3.1416,x.moveTo(960+500*C(q*2),540+500*S(q*2)),x.lineTo(960+500*C(q),540+500*S(q))}
x.arc(960,540,500,0,7),f(t,1337),x.stroke()

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

Cardioid

show FPS hide FPS share fullscreen

pavel

function u(t) {

with(x)for(c.width|=i=9,A=Math.abs;i--;stroke())beginPath(lineWidth=4),ellipse(960,r=540,A(r*C(a=i/5.7+t/3)),A(r*S(a)),a-t/9,0,7)

Jan 25 2019 5:23 AM UTC

}// 129/140

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

Messing around with ellipse() #d3

show FPS hide FPS share fullscreen

cantelope

function u(t) {

eval(unescape(escape`𩡯𬠨𮁛𩰽𙱦𪑬𫁒𩑣𭀧𧐨𜀬𜀬𨰮𭱩𩁴𪀽𚁷🐹𝠰𚐪𜠬𪐽𭰪𜰩𞱩𛐭𞱸𛡦𪑬𫁓𭁹𫁥👠𪁳𫀨𙁻𛠱𝐪𪑽𛀹𞐥𛀶𜀥𨀬𮁛𩱝𚁷𚰨𤰨𬐽𪐯𜰸𜐫𠰨𭀯𜠩𚠳𚐪𦠩𛰨𦠽𠰨𬐩𚡚𛐷𚐪𭰬𝐴𜀫𤰨𬀩𚡶𛱚𚡷𛁳🐱𚰲𜀰𛱚𛱚𛁳𚐩𦠽𠰨𬀽𪐯𝠳𛠶𝰫𭀩𚠨𭠽𪐥𞀯𞀫𜐩𚰳`.replace(/u../g,'')))

Jan 22 2019 12:24 AM UTC

}// 140/140

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

for(x[g='fillRect'](0,0,c.width=(w=960)*2,i=w*3);i--;x.fillStyle=hsl(${.15*i},99%,60%,x[g](w+(S(q=i/381+C(t/2)*3)*Z)/(Z=C(q)*Z-7)*w,540+S(p)*v/Z*w,s=1+200/Z/Z,s))Z=C(p=i/63.67+t)*(v=i%8/8+1)+3

u/cantelope

testing out the new compressor :D
u/metamero

cool!!
u/katkip

I like that there is a cat and a mouse emoji in your code
u/iverjo

#colorful

show FPS hide FPS share fullscreen

magna

function u(t) {

defaultDweet()

















function defaultDweet(){for(c.width|=i=9;i--;)x.fillRect(400+i*100+S(t)*300,400,50,200)}

Jan 24 2019 5:19 AM UTC

}// 120/140

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

#default

u/f8f82804

#clever
u/bekfast2390

not cool dude it is the deafault!!!!!!!!!
u/katkip

Yeah but it's a function
u/sigveseb

Lol