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

katkip

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪀪🐱𞱩𩠨𘑴𚑻𬐽𦱝𞱦𫱲𚁩🐹𞐹𞱩𛐭𞰩𬐮𬁵𬱨𚁻𮀺𞐶𜀬𮐺𝐴𜀬𭠺𤰨𪐩𛁖𞠭𞐫𠰨𪐩𯐩𯑦𫱲𚁯𘁯𩠠𬐩𮱸𛡦𪑬𫁒𩑣𭀨𫰮𮀬𫰮𮐬𞐬𞐩𛁯𛡸𚰽𫰮𭠬𫰮𮐫👯𛡖𛁯𛡖𚰽𛠲𞱩𩠨𫰮𮐾𜐰𞀰𚑯𛡶𚰽𤰨𫰮𭠩𛁯𛡖🐭𞐬𫰮𮐽𝐴𜀬𫰮𮀽𞐶𜁽`.replace(/uD./g,'')))

Oct 4 2019 2:30 PM UTC

}// 136/140

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

Can someone explain why the circle becomes a rectangle?

u/Tesseract

After the first drop, the vertical velocity takes the same path for all points (begining at -9 and increasing by .2 each frame). However, the horizontal velocity is pushed towards a fixpoint of v=v+sin(v), either at pi or -pi.

show FPS hide FPS share fullscreen

f8f82804

remix of d/10293 by u/f8f82804

function u(t) {

with(x)for(i=c.width=196,translate(98,s=56);i--;fillText('👻',i*S(-t)-s,s-i))rotate(i?1:font='3cm '+(globalCompositeOperation='source-atop'))

Oct 2 2019 7:10 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/katkip

wow
u/Xen

very clever

show FPS hide FPS share fullscreen

Irratix

function u(t) {

r=Math.random;x.fillStyle=R(r()*256,r()*256,r()*256,r());for(;r()>.5;x.fillRect(1920*r(),1080*r(),5,5))x.drawImage(c,2*r()-1,2*r()-1)

Oct 3 2019 6:59 PM UTC

}// 133/140

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

Frankly I'm not even sure precisely what's happening but it sure looks fun, although a bit shakey.

u/Irratix

Effect may differ depending on your browser, it's largely related to built-in compression. I made it on Chrome.

show FPS hide FPS share 1 remix fullscreen

Irratix

remix of d/15925 by u/Irratix

function u(t) {

c.width=1920
a=[]
x.beginPath()
for(i=0;i<200;i++){;x.lineTo(960+540*S(4.2*i+t)*C(t/7),540+540*C(2.1*i+t)*S(t/6))}
x.stroke()

Oct 4 2019 12:12 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/Xen

Nice!

show FPS hide FPS share 1 remix fullscreen

stefano

remix of d/15922 by u/stefano

function u(t) {

c.width=1920;d=120;r=60;q=0;while(q<144){i=q%16;j=q++%9;x.beginPath();x.arc((i*d)+r,(j*d)+r,Math.abs(S(t+i+j))*r,0,7);x.fill();}

Oct 4 2019 10:43 AM UTC

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

katkip

remix of d/15924 by u/asteriskman

function u(t) {

c.width*=1;t/=3;q=t-.5;x.font=`9em"`;x.fillText("! o:",960+C(t*t)*280,540+S(t*t)*280),x.fillText("👻",960+C(q*q)*280,540+S(q*q)*280)

Oct 4 2019 2:03 PM UTC

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

Irratix

function u(t) {

c.width=1920
a=[]
x.beginPath()
for(i=0;i<374;i++){x.moveTo(960+400*S(2.1*i+t),800+90*C(2.1*i+t));x.lineTo(960,100)}
x.stroke()

Oct 4 2019 12:02 PM UTC

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

KilledByAPixel

function u(t) {

_="𝕿𝖍𝖊 𝕯𝖜𝖊𝖊𝖙𝖆𝖇𝖆𝖘𝖊"
eval(unescape(escape`𨰮𭱩𩁴𪁼🐰𞱷𪑴𪀨𮀩𩡯𬠨𪠽𭰽𜡥𜰻𪠭𛑼𯁦𪑬𫁔𩑸𭀨𧰬𜰹𛀷𜐰𛀱𞀵𜀬𩡩𫁬𤱴𮑬𩐽𤠨𜀬𜐲𞀫𜐲𞀪𤰨𭀩𚐩𞱦𪑬𫁒𩑣𭀨𚁷𚡓𚁫👪𛰹𯀰𚐫𭰫𭀪𜑥𜰩𙑷𛑪𙐹𚠹𛁷𚱷𚡓𚁫𚡫𚐬𝐬𜠰𚐩𩡯𫡴🐧𝀲𩑭𘠧`.replace(/u../g,'')))

Oct 3 2019 3: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).

Introducing The Dweetabase - An offline cache of every dweet up to this one! ~ http://dweetabase.3d2k.com

u/lionleaf

Oh nice, now I don't need to run my backups! j/k. Sweet tool! Would be fun to see some stats as well, dweet volume over time for instance
u/KilledByAPixel

Yeah, I'd like to dig into the data some now that it is more accessible, and provide some tools for analyzing it.
u/pavel

Top ten dweets for awesomes / char count?
u/KilledByAPixel

#dweetabase

show FPS hide FPS share fullscreen

Irratix

function u(t) {

c.width=1920;for(i=0;i<1920;i+=20)for(j=0;j<1080;j+=20,x.globalAlpha=S(i*j*t/5e3)**2,x.fillRect(i,j,20,20));

Oct 3 2019 9:29 PM UTC

}// 108/140

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

Basics: fill every spot on the image but with a certain brightness. Define your own function based on the x,y coordinates (i,j) and t to turn it into an animation.

show FPS hide FPS share 1 remix fullscreen

asteriskman

function u(t) {

c.width|=0
x.font='6em"'
q=t/9%2
x[f='fillText']('👻',q*999-350,99)
x[f](13*Math.pow(-.5+q,2)<1?'O:':':)',4500*Math.pow(q-.5,3)-99*q+550,99)

Oct 4 2019 11:28 AM UTC

}// 139/140

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

Inktober Day 4 - Freeze