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

smtsjhr

remix of d/21514 by u/smtsjhr

function u(t) {

eval(unescape(escape`𭀯🐳𞱣𛡳𭁹𫁥𛡦𪑬𭁥𬠽𙱩𫡶𩑲𭀨𚑢𫁵𬠨𝑰𮀩𙰻𩡯𬠨𨰮𭱩𩁴𪁼👩🐱𩐳𞱩𛐭𞰩𮱷🐱𛑃𚁴𚐬𪰽𭰪𭰪𠰨𪐩𚰴𜀰𛁸𛡬𪑮𩑔𫰨𞐶𜀫𪰪𠰨𪐩𛀵𝀰𚰲𝐰𚡃𚁴𛰲𚐪𤰨𪐫𝐪𚁰👔𚀱𛠵𝰪𭰩𚐩𚱫𛰲𚡓𚁩𛰨𬀾🐰🰱𞠮𝐩𚐩𯐻𮀮𬱴𬡯𪱥𚀩`.replace(/u../g,'')))

May 11 2021 12:28 PM UTC

}// 132/140

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

Infinity is just Zero with a twist

u/Xen

nice!

show FPS hide FPS share fullscreen

Pascal

remix of d/22689 by u/Pascal

function u(t) {

c.width|=w=480;for(j=2;j--;)for(i=k=500;i--;x.fillRect(w+w*3*(C(i+t)*C(a))/Z+w*j*2-Z*12*j,w-3*(S(a))/Z*w,s=k/Z**2/2,s))Z=4+S(i+t)*C(a=i/.9)

May 9 2021 9:12 PM UTC

}// 139/140

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

#stereograph #d3 cross eye sphere, make Z negative to flip the 3D effect

u/Polyducks

Wow incredible

show FPS hide FPS share fullscreen

magna

function u(t) {

c.width|=0
x.globalCompositeOperation='xor'
for(i=18;i--;x.fill())x.beginPath(),x.arc(960,540,25+i*50+(S(t)+1)*150,0,7)

May 10 2021 8:13 PM UTC

}// 119/140

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

polar #default

show FPS hide FPS share 2 remixes fullscreen

TGY

function u(t) {

t?c.width=2e3:a=[]
c.onclick=e=>a.push(6e2)
x.fillStyle=R(54,23,78)
a.map((e,i)=>x.fill(x.arc(2e2+3*e,600,e&&(a[i]-=e/20),0,6.29)))

May 10 2021 11:22 AM UTC

}// 131/140

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

click the canvas :-)

u/aleamb

#interactive

show FPS hide FPS share 1 remix fullscreen

andrea270872

remix of d/22743 by u/andrea270872

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪁼👁🐮𜰯𠰨𭀥𞐯𞐩𒡆👮🐾𫠼𞀲𙠦𮀮𭁲𨑮𬱦𫱲𫐨𠰨𠐩𚰮𜐬𤰨𠐩𛀭𤰨𠐩𛁃𚁁𚐬𜀬𜀩𯁸𛡦𪑬𫁒𩑣𭀨𜀬𜀬𞐬𞐩𯁆𚁮𚰱𚐊𩡯𬠨𪐽𝰻𪐭𛐻𮀮𬱥𭁔𬡡𫡳𩡯𬡭𚀱𛀰𛀰𛀱𛀱𩐳𚱃𚁴𚱩𚐪𝠰𜀬𝠰𜀫𤰨𭀭𪐩𚠳𜀰𚐩𮀮𩡩𫁬𤱴𮑬𩐽𘠣𠑁𠰢𚱩𛁆𚁩𚐠`.replace(/u../g,'')))

May 11 2021 7:54 PM UTC

}// 140/140

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

#seashell ... but many this time :)

u/andrea270872

Here is the uncompressed code:
u/andrea270872

c.width|=A=.3/C(t%9/9) F=n=>n<82&&x.transform(C(A)+.1,S(A),-S(A),C(A),0,0)|x.fillRect(0,0,9,9)|F(n+1) for(i=7;i--;x.setTransform(1,0,0,1,1e3+C(t+i)*600,600+S(t-i)*300))x.fillStyle="#AAC"+i,F(i)

show FPS hide FPS share fullscreen

nikoloffgeorgi

function u(t) {

eval(unescape(escape`𭱩𭁨𚁴𯁼𨰮𬡥𬁬𨑣𩑗𪑴𪀨𨰽𨰮𨱬𫱮𩑎𫱤𩐨𚐩𛁣𛡧𩑴𠱯𫡴𩑸𭀨𘡷𩑢𩱬𘠩𚑦𫱲𚁥𫡡𨡬𩐨𜰰𞀹𚐬𨱬𩑡𬡃𫱬𫱲𚀰𛀰𛀰𛀱𚐬𪐽𞐻𪐭𛐻𚑳𨱩𬱳𫱲𚀵𜀰𚱩𚠱𜀰𚱓𚁴𚐪𜰰𜀬𝀰𜀬𝐰𛀲𜀰𚐬𨱬𩑡𬠨𜐶𜰸𝀩`.replace(/u../g,'')))

May 11 2021 7:51 PM UTC

}// 122/140

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

#webgl

u/Joachim

#default

show FPS hide FPS share fullscreen

Agnes

remix of d/22739 by u/Agnes

function u(t) {

c.width|=0;a=t?a.filter(e=>e>.1):[];~~(60*t)%20==0?a.push([1e3]):0;a.map((e,i)=>x.arc(960*(1+.3*S(i+t)),540,e[0]*=.9,0,7));x.fill('evenodd')

May 10 2021 9:59 PM UTC

}// 140/140

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

Popcorn Launcher

show FPS hide FPS share fullscreen

lars-erik

remix of d/22738 by u/TGY

function u(t) {

t?c.width=2e3:a=[]
c.onclick=e=>a.push(6e2)
a.map((e,i)=>x.fill(x.arc(2e2+3*e+500+500*C(t),600+S(i)*e,e&&(a[i]-=e/20),0,6.3))|x.closePath())

May 10 2021 2:31 PM UTC

}// 140/140

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

Having fun with TGY's ball blaster. Shoot some rays!

u/aleamb

#interactive

show FPS hide FPS share 1 remix fullscreen

Agnes

remix of d/22738 by u/TGY

function u(t) {

t?c.width=2e3:a=[]
c.onclick=e=>(X=e.x-960)&(Y=e.y-540)&a.push([X*Y])
a.map((e,i)=>x.arc(960,540,e[0]*=.9,0,7))
x.fill('evenodd')

May 10 2021 1:47 PM UTC

}// 129/140

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

Very cool idea by TGY, playing around with the concept

u/Agnes

You can even optimise this by adding a=a.filter(e=>e>0) if X*Y is replaced by (e.x-960)*(e.y-540), which I guess doesn't matter at all but feels better somehow if someone were to sit around clicking on this millions of times
u/aleamb

#interactive

show FPS hide FPS share 1 remix fullscreen

taupelink

remix of d/22731 by u/taupelink

function u(t) {

r=997*t;x.globalCompositeOperation='exclude';x.fillStyle=R(e=2**(r*r%4+4),e/.7,e**1.2);x.fillRect(X=e*r%2e3,X*X%1e3-e,14*e*.6**t,1e5/e/2**t)

May 11 2021 11:05 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/22753