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

rnbw

function u(t) {

for(i=0;i++<250;x.fillRect(i*9+C(t*4+i/40)*99-200,0,29,9))x.fillStyle=`hsl(${400+S(t*3+i/30)*99*S(t-i/40)-t*99},80%,90%)`;x.drawImage(c,0,9)

May 13 2019 1:46 PM UTC

}// 140/140

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

iridesce 🌈

u/Xen

nice style

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/13816 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𦠽𜠷𜀻𤐽𭀪𞐹𞱸𛡦𫱮𭀽𘠱𞁥𫐧𘠻𩡯𬠨𪐽𜀻𪐼𝰸𞱸𛡦𪑬𫁒𩑣𭀨𦀬𦐬𦠬𦠩𚑪👩𚱑𛱚𯀰𛁸𛡦𪑬𫁓𭁹𫁥👠𪁳𫀨𙁻𤰨𪠪𚠳𚐪𚠲𚠲𝐵𯐬𞐰𙐬𝐵𙑠𛁸𛡦𪑬𫁔𩑸𭀨𤱴𬡩𫡧𛡦𬡯𫑃𪁡𬡃𫱤𩐨𝰸𚰱𜰪𤰨𪠩𚐬𦀽𪐥𜐷𚡚𛑚𛑑𙑚𛀨𦐽𚁩𚰫𛰱𝱼𜀩𚡚𚐭𝐵𚐻`.replace(/u../g,'')))

May 14 2019 7:57 PM UTC

}// 140/140

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

Alphabet.

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/13719 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𩡯𬠨𮁛𡠽𙱦𪑬𫁒𩑣𭀧𧐨𜀬𜀬𪐽𦠽𨰮𭱩𩁴𪁼🐰𛁚𚐻𪐭𛐻𮀮𨱬𩑡𬡒𩑣𭀨𪐬𚁓𚁩𚐪𜑥𞐭𞐪𭀩𙑚𛁩𙐴𛁩𙐴𚐩𞱦𫱲𚁩🐰𞱩𚰫🀽𜠱𝐻𮁛𡡝𚁚𛑩𚠹𛀹𜀰𚰲𜀪𤰨𜠪𭀫𠰨𪐯𞐭𜰪𭀩𛰵𚱩𛰳𜀩𛀹𛁚𚐩𮀮𩡩𫁬𤱴𮑬𩐽𤠨𪐬𪐬𪐩𞱸𦱆𧐨𜠰𞐬𜠵𞐬𜠰𜀬𜠰𜀩`.replace(/u../g,'')))

May 16 2019 5:35 PM UTC

}// 140/140

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

Low moon over the quiet ocean while stars twinkle

show FPS hide FPS share fullscreen

metamero

function u(t) {

for(c.width|=i=36;i--;S(t*t)<0||x.fillText('GREVE',50+(i/9|0)*480,99+(i%9)*120))x.font='99px Arial'

May 16 2019 2:57 PM UTC

}// 99/140

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

augusto de campos: ARTE LONGA VIDA BREVE ESCRAVO SE NÃO ESCREVE ESCREVE SÓ NÃO DESCREVE GRITA GRIFA GRAFA GRAVA UMA ÚNICA PALAVRA

u/katkip

um ok

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/13782 by u/KilledByAPixel

function u(t) {

for(i=Q=c.width=240;i--;x.fill(p))
x.shadowBlur=9,
x.shadowColor=x.fillStyle,
p=new Path2D(),
p.arc((S(i)*1e9+t*i/9)%300-30,i*9%Q,i/15,0,7)

May 13 2019 6:42 PM UTC

}// 139/140

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

Uncompressed shadow balls.

show FPS hide FPS share fullscreen

WasifBoomz

function u(t) {

x.lineWidth=t
x.strokeRect(960,540,50,50)
x.rotate(4)

May 15 2019 1:00 PM UTC

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

pavel

remix of d/13810 by u/KilledByAPixel

function u(t) {

with(x)onmousemove=e=>fillRect(800,w=320,w,w,shadowColor=R(fillStyle=R(c.width|=0)),shadowBlur=50,shadowOffsetY=180-e.y,shadowOffsetX=w-e.x)

May 14 2019 4:54 AM UTC

}// 140/140

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

Interactive Shadow Demo - Your mouse is the light source! #uncompressed

u/KilledByAPixel

Ah, that's a smart way to do it!
u/d0n.key

There some kind of offset - if I move my cursor right in the center, the shadow is still misaligned
u/agshapiro

cool---see http://vision.psych.umn.edu/users/kersten/ke…

show FPS hide FPS share 3 remixes fullscreen

KilledByAPixel

remix of d/13273 by u/KilledByAPixel

function u(t) {

x.fillStyle="#0004"
x.font="79em impact"
x.fillText("SPACE",6,1040,1900)
for(i=2e3;i--;)x.clearRect((S(i)*1e9-t*i/9)%2e3,i*9%1080,j=i%9,j)

May 12 2019 6:24 AM UTC

}// 139/140

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

Negative Space

u/iverjo

I like the style!
u/sigveseb

Bolder: x.font="900 79em a"

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/13836 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𭀿𫱮𨱬𪑣𪰽𧰽🡻𪑦𚀡𨐩𩡯𬠨𪐽𜠬𨐽𫡥𭰠𠑵𩁩𫱃𫱮𭁥𮁴𞱩𛐭𞱳𩑴𥁩𫑥𫱵𭀨𧰽🡻𨐮𨱬𫱳𩐨𚐬𨐽𜁽𛀱𝐰𚐩𫰽𨐮𨱲𩑡𭁥𣱳𨱩𫁬𨑴𫱲𚀩𛁯𛡦𬡥𬑵𩑮𨱹𛡶𨑬𭑥🐹𝀱𚠪𜐮𜀲𚠪𚁓𚁪𚰫𚐪𜱼𜀩𛁯𛡣𫱮𫡥𨱴𚁡𛡤𩑳𭁩𫡡𭁩𫱮𚐬𫰮𬱴𨑲𭀨𚑽𞡪👡🐰`.replace(/u../g,'')))

May 14 2019 9:10 PM UTC

}// 139/140

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

☏ - Click canvas to dial a phone number!

u/KilledByAPixel

This an approximate recreation of number dialing sounds.

show FPS hide FPS share 1 remix fullscreen

vinca

function u(t) {

for(t||(Y=0),X=2e3;X--;)x.fillStyle=R(r=200*(T(X/50)/T(Y/9)>S(X/50)+C(Y/9)),200*S(r+X/20|Y/4|t)),x.fillRect(X,0,1,5);x.drawImage(c,0,5),Y++

May 12 2019 2:23 AM UTC

}// 139/140

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

u/pavel

Use Y=60*t
u/KilledByAPixel

very nice
u/joeytwiddle

#pattern
u/sigveseb

Sweet