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

smtsjhr

remix of d/19624 by u/smtsjhr

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪁼🐰𒡱🐨𫀬𭐬𭠬𭰩🐾𮱸𛡦𪑬𫁓𭁹𫁥👒𚁬𚠲𝐵𛁬𚠲𜀰𛁬𚠹𜀬𛠰𝠫𫀩𞱸𛡦𪑬𫁒𩑣𭀨𭐬𭠬𭰬𜡥𜰩𯐊𬐨𜐬𜀬𜀬𜡥𜰩𒡦𫱲𚁦🐱𜠸𞱦𛐭𞰩𮱸𛡲𫱴𨑴𩐨𩰽𩠪𛠰𝀹𜀸𝰩𒡦𫱲𚁩🐷𜀻𪐭𛐻𚑱𚀰𛀨𜐰𚡓𚁧𚱴𚐫𝠰𚐪𚀳𝐭𪐫𭀥𜐩𛀵𝀰𛀴𜀬𜡥𜰩𯐻`.replace(/u../g,'')))

Aug 9 2020 6:59 AM UTC

}// 140/140

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

Caustics in the Aether

u/smtsjhr

SOURCE (194/140): c.width|=0 q=(l,u,v,w)=>{x.fillStyle=R(l*255,l*200,l*90,.06+l);x.fillRect(u,v,w,2e3)} q(1,0,0,2e3) for(f=128;f--;){x.rotate(g=f*.049087): for(i=70;i--;)q(0,(10*S(g+t)+60)*(35-i+t%1),540,40,2e3)}
u/Qwitter

Awesome!

show FPS hide FPS share 1 remix fullscreen

DataMeta

remix of d/19224 by u/DataMeta

function u(t) {

for(r=Math.random,X=r(Y=r(Z=r())),i=255;i--;x.fillStyle=R(X/Y/Z,Y/Z/X,Z/X/Y,r()/5))x.fillRect(1920*r()-i/2,1080*r(),q=X/Y/Z^i,T(q)/T(i*t)*6)

Aug 11 2020 7:45 AM UTC

}// 140/140

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

prng rgb #glitchy #colors

show FPS hide FPS share fullscreen

danny@hille.dk

remix of d/19649 by u/New_Core

function u(t) {

t?c.width=160:a=[0,1,2,3,4,5,6,7,8,9]
for(i=10;i--;x.fillText(a[i],i*6+50,50))r=Math.random()*9|0,t%4<2?[a[i],a[r]]=[a[r],a[i]]:0

Aug 11 2020 5:08 PM UTC

}// 129/140

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

heheh: I was playing with the Array Initialization Array(10).fill().map((o,i)=>i) shaved off 2 bytes... but then (after mentally padding my own shoulders) [0,1,2,3,4,5,6,7,8,9] 🤦‍♂️

u/danny@hille.dk

c.width=99,x.fillText(a=t%4<2?Array(10).fill().map($=>Math.random()*9|0).join(''):a,22,35)
u/danny@hille.dk

81 bytes but with commas: c.width=99,x.fillText(a=t%4<2?Array(10).fill().map($=>Math.random()*9|0):a,10,35)
u/Xen

77: x.fillText(a=t%4<2?Array(c.width=99).fill().map($=>Math.random()*9|0):a,9,35)
u/danny@hille.dk

wow u/Xen nice work it also have a nice "burn-in" effect

show FPS hide FPS share fullscreen

Billedluh

remix of d/19608 by u/veubeke

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪁞👴🐨𜠭𚁴𙐳𚐩𒡴👴🀰🰰𞡴𒠤🐶𛑴𚠱𜠊𮀮𩡯𫡴🐧𜠳𩑭𘠧𘀊𮀮𭁲𨑮𬱦𫱲𫐨𛐱𛀰𛀰𛀱𛁴𚠲𩐳𚰱𝐰𛀴𜀰𚐊𩡯𬠨𪐽𜠻𪐾🐭𜐻𪐭𛐩𮰊𮀮𭁲𨑮𬱦𫱲𫐨𜐬𪐭𜐿𜀺𤰨𙀩𛁩𙐲🰰𞠭𥀨𙀯𜠩𛀱𛀰𛀰𚑽𒡸𛡦𪑬𫁔𩑸𭀨𙱜𭑄𞀳𡁜𭑄𡀲𠐧𛀭𜐷𜀬𜐵𜀩`.replace(/u../g,'')))

Aug 8 2020 10: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).

🔪

show FPS hide FPS share 1 remix fullscreen

smtsjhr

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪁼🐰𞱸𛡦𪑬𫁓𭁹𫁥👠𪁳𫁡𚀤𮱨🐵𜀪𤰨𭐽𭀯𝐩𯐬𞐹𙐬𙁻𜠰𚱨𯐥𛀮𜠩𨀻𮀮𭁲𨑮𬱬𨑴𩐨𞐸𜀫𞐸𜀪𠰨𭐩𛀱𩐳𛐸𜀰𚡓𚁵𚐩𞱦𫱲𚁦🐳𜠻𩠭𛐻𮀮𬡯𭁡𭁥𚁦𚠮𜐹𝠩𚑦𫱲𚁩🐵𜀻𪐭𛐻𚑻𮀮𩡩𫁬𤡥𨱴𚀱𜀰𚠨𜠵𛑩𚱴𙐱𚐬𜠰𜀬𝐰𛐳𜀪𤰨𭐩𛀱𩐴𚑽`.replace(/u../g,'')))

Aug 7 2020 3:34 AM UTC

}// 140/140

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

Sunny Day / Starry Night

u/smtsjhr

SOURCE (194/140): c.width|=0;x.fillStyle=hsla(${h=50*S(u=t/5)},99%,${20+h}%,.2);x.translate(980+980*C(u),1e3-800*S(u));for(f=32;f--;x.rotate(f*.196))for(i=50;i--;){x.fillRect(100*(25-i+t%1),200,50-30*S(u),1e4)}
u/katkip

beautiful
u/magna

WOOOOW!
u/aleamb

#dawn #sunny #sunset
u/aleamb

#sun

show FPS hide FPS share fullscreen

kossx

remix of d/19635 by u/kossx

function u(t) {

a=1920
c.width=a
x.fillStyle= R(30, 99, S(t) * 255)
for(i=0;i<a;i++)
x.fillRect(S(t)+S(i)*a+1080/2,C(t+C(i)*Math.log(i))*300+c.height/2,6,6)

Aug 9 2020 12:20 AM UTC

}// 140/140

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

now with colours!

show FPS hide FPS share fullscreen

taupelink

remix of d/14977 by u/taupelink

function u(t) {

t||(a=[]);c.width=72;for(i=a.length;i--;)x.fillText(String.fromCharCode(65+a[i]),i%8*9,i|7);a.lastIndexOf(r=Math.random()*26|0)+1||a.push(r)

Aug 9 2020 7:13 PM UTC

}// 140/140

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

A-Z shuffle #crypto

show FPS hide FPS share fullscreen

danny@hille.dk

function u(t) {

for(t||(c.width=9,r=a=>Math.random()*a),Y=9;Y--;)for(X=9;X--;x.fillStyle=r(99)>90?R(r(255),r(255),r(255)):R(0))x.fillRect(X,Y,1,1)

Aug 8 2020 11:42 AM UTC

}// 131/140

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

Pointless

u/13thptr

nice
u/tomxor

Pointless #points of light :P

show FPS hide FPS share fullscreen

ntsutae

function u(t) {

(t*=60)||(c.width=w=320);for(i=w;i--;)
x.fillStyle=R(g=(t-i^t+i)%5?0:w,g,g),x.fillRect(i,0,1,1)
x.drawImage(c,0,1)

Aug 5 2020 10:26 PM UTC

}// 114/140

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

(t-i^t+i)%5

u/katkip

.O.
u/magna

I love this!

show FPS hide FPS share fullscreen

kossx

function u(t) {

c.width=1920
let f  =(a) => {
a--;
if (a>0){x.arc(960,540,a*15,0,Math.abs(C(t))*Math.PI*2);f(a)}}
f(30)
x.strokeStyle ="blue"
x.stroke()

Aug 9 2020 12:16 AM UTC

}// 136/140

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