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

taupelink

remix of d/19507 by u/taupelink

function u(t) {

g=(x,y)=>S(x*x+y*y)*C(T(9/y));for(i=1e3;i--;)X=(r=Math.random)()*4,Y=r()*3,x.fillRect(X*480,Y*360,g(X,Y-1)%g(X|0,Y|0-1),g(21/Y,15%X)>g(Y,X))

Jul 24 2020 5:51 PM UTC

}// 140/140

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

d/19516

show FPS hide FPS share fullscreen

danny@hille.dk

function u(t) {

c.width=450;for(Y=32;Y--;)for(X=50;X--;)x.fillStyle=R(99*(S(X-t+Y)+C(Y*64+t)+S(t+X+S(Y*16+t))),0,S(Y-t*9)*99+99),x.fillRect(X*9,Y*9,9,9)

Jul 25 2020 12:32 AM UTC

}// 136/140

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

u/andrea270872

love the retro vibe! cool
u/ximavus

awesome and #underrated

show FPS hide FPS share fullscreen

remix of d/2535 by u/magna

function u(t) {

t||(g=(n=c.cloneNode()).getContext`webgl`)
with(g)clearColor(0,S(t),C(t),1),clear(16384);
x.drawImage(n,0,0)

Jul 24 2020 5:14 AM UTC

}// 108/140

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

safer for editing #webgl

u/IV

manga's original is grand, this is safer than my previous attempt in terms of editing and not getting errors which cause a reload :)
u/IV

the prblem with this is that youd have to clear both contexts which costs more bytes

show FPS hide FPS share fullscreen

GreenBeans

function u(t) {

x.fillRect(0,0,2e3,2e3)
x.fillStyle=R(0,0,0,.04)
for(i=1;i<999;i++){x.clearRect(950+i*C(i-t),550+i*C(t+i),9,35)}

Jul 24 2020 6:00 PM UTC

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

remix of d/19470 by u/IV

function u(t) {

r=Math.random;s=r()*224;w=c.width/s;h=c.height/s;
for(i=1e2;i--;)
x.fillStyle=R(s,s*r(),0,r()/2),
x.fillRect(r()*w*s,r()*h*s,s,s);

Jul 24 2020 5:32 PM UTC

}// 131/140

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

from monet to klimt

show FPS hide FPS share fullscreen

DaSpider

function u(t) {

eval(unescape(escape`𬠽𣑡𭁨𛡲𨑮𩁯𫐊𨰮𬱴𮑬𩐮𩡩𫁴𩑲🐧𪑮𭡥𬡴𚀧𒡸𛡦𫱮𭀽𨀹𞑥𫐠𨑠𒡸𛡦𪑬𫁓𭁹𫁥👒𚁴🰰𞠲𝐵𛁴🰳𜀰𞠲𜀰𛁴🰳𜀰𞠲𝐵𛁴🰮𜀲𞠱𚐊𮀮𩡩𫁬𥁥𮁴𚁴🱠𛡠𞡠𧁵𮰱𡠵𡡁𯑠𛁴🰸𝐰𚱓𚁴𚠪𭀩𚡲𚀩𚡴𚠷𞐺𞐬𭀿𝀰𜀫𠰨𭀪𭀩𚡲𚀩𚡴𚠴𞐺𜐰𝰰𚐻`.replace(/u../g,'')))

Jul 22 2020 3:52 PM UTC

}// 137/140

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

☢️🗺 #FallOut

Show more comments…
u/Xen

wow!!!
u/DaSpider

Coincidence this comes right after Rodrigo's missile impact d/19450
u/katkip

dude, why does it start form my exact location O_O
u/DaSpider

No reason. Seems plausible though.
u/IV

it starts in my location too, but i didnt get the sense that me n katkip are in the same place
u/aleamb

amazing!

show FPS hide FPS share fullscreen

Billedluh

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪁼👪🐳𜀊𩡯𬠨𞱪🠽𜀻𪠭𛐩𮱩👪𛰱𜀊𮀮𩡯𫡴🐢𪑴𨑬𪑣𘁳𫑡𫁬𛑣𨑰𬰠𨡯𫁤𘀢𚰨𜰲𜀭𜐰𚡩𚐫𘡰𮀠𨑲𪑡𫀢𒡸𛡦𪑬𫁓𭁹𫁥👒𚀨𪐽🐰𚐿𜀺𜠰𜀫𜐰𜀪𤰨𝀪𪐭𭀪𜠰𚐩𒡸𛡦𪑬𫁔𩑸𭀨𘡜𭑄𞀳𡁜𭑄𡐹𜁖𨑮𡁡𬱨𧁵𜠱𜠲𘠬𝰰𛐲𜀪𪐬𝠰𜀫𜐲𚡩𚑽`.replace(/u../g,'')))

Jul 23 2020 1:48 AM UTC

}// 139/140

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

VanDash™

u/Billedluh

last one of these I promise

show FPS hide FPS share 1 remix fullscreen

function u(t) {

t||c.replaceWith(g=c.cloneNode());
with(g.getContext('webgl'))(clearColor(C(t),0,S(t),1),clear(16384))

Jul 24 2020 3:02 AM UTC

}// 102/140

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

testing remix of d/1948

u/IV

correction: remix of d/19498. The problem with this is in replacing the canvas. Any attempt at a remix will fail to get the context. But it is shortest :D
u/nikoloffgeorgi

u/IV that's really cool. i wonder if anything beyond animating the color uniformly can be done within 140 chars
u/IV

nothing you cant do better with the canvas. try this: with(c.getContext('webgl'))(enable(0x0C11),scissor(i,i,i,i),clearColor(C(t),S(t),t,1),clear(16384))
u/IV

what we need is a glitter, with a quad shader set up and then we can play with 140 chars of a fragment main
u/IV

u/nikoloffgeorgi game-on! i did this: d/19541

show FPS hide FPS share fullscreen

logankyoung

function u(t) {

for(c.width|=k=i=960;--i;)x.fillText((q=S((j=i/k+t/4)*9))>0?'♂️':'♀️',k-i*C(j)+S(m=k*j)*(r=1e5/i),540+C(m)*r-i*S(j)),x.font=(r*q**2>>5)+"em"

Jul 21 2020 7:02 AM UTC

}// 140/140

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

u/DataMeta

Nice! #tunnel

show FPS hide FPS share 1 remix fullscreen

remix of d/676 by u/mxfh

function u(t) {

d=x.getImageData(0,0,w=c.width=256,h=c.height=128)
for(i=0;i<h;i++)for(j=0;j<w;j++)d.data[(i*w+j)*4+3]=(i*j%w)*t%w
x.putImageData(d,0,0)

Jul 22 2020 5:33 PM UTC

}// 137/140

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

moire pattern = (i*j%w)*t%w original sierpinskies = (i-j&j+i)*t%w