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

function u(t) {

c.width|=0,x.font="300pt sans",z="ACT I",p='🔫',s=(t%22/3)|0,s>5&&(s=5)
x.fillText([z,p,z+'I',p,z+"II",'💥'+p][s],99*[4,9,4,9,3,5][s],650)

Jun 22 2019 4:24 AM UTC

}// 137/140

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

Chekhov's water pistol emoji. #silly

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑬𪑮𩑗𪑤𭁨🐶𛁦𫱮𭀽𘠲𝡥𫐧𘠬𮀮𬰽𬱴𬡯𪱥𥁥𮁴𛁸𛡲👳𭁲𫱫𩑒𩑣𭀬𬰨𘡄𘀠𘀠𘀠𘀠𘁒𘠬𜠱𜀬𝐸𜰩𛁦𫱮𭀽𘠲𜁥𫐧𘠬𬰨𘡗𢑔𥁅𘠬𝀶𜀬𝐲𜀩𛁳𚀢𥁈𢑎𡱓𘠬𝀶𜀬𝰶𜀬𜑥𜰩𛁲𚁱🐲𜠰𛀲𝰰𛀱𝀵𜀬𜐵𚐬𬠨𬐬𝠰𜀬𬐬𜐵𚐬𬠨𜐴𝠵𛀶𜀰𛁱𛀱𝐩`.replace(/u../g,'')))

Jun 21 2019 2:01 PM UTC

}// 140/140

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

Dwitter Things

u/katkip

#logo #text
u/katkip

Awesome

show FPS hide FPS share fullscreen

Xen

remix of d/14741 by u/Kash

function u(t) {

for(c.width=i=2e3;i--;)x.fillRect(960+i*C(i*t),540+i*S(t*i),9,9)

Jun 24 2019 5:17 PM UTC

}// 64/140

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

Golfed a bit for Kash

show FPS hide FPS share fullscreen

katkip

function u(t) {

eval(unescape(escape`𨰮𭱩𩁴𪀪🐱𞱩𩠨𘑴𚑻𫐽𦱝𞱦𫱲𚁩🐲𜐻𪐭𛐻𚑭𛡰𭑳𪀨𮱸𞠱𞐲𜀫𜐰𜀪𪐬𪀺𚁍𨑴𪀮𬡡𫡤𫱭𚀩𛐮𝐩𚠷𜁽𚑽𞱦𫱲𚁩𘁯𩠠𫐩𮱸𛡦𪑬𫁒𩑣𭀨𪐮𮀬𘀵𝀰𚱩𛡨𛀠𜐰𜀬𘀱𜀩𞱩𛡸𛐽𞐻𪑦𚁩𛡸🀭𜐰𜀩𪐮𮀽𜠰𜠰𯑸𛡦𪑬𫁒𩑣𭀨𞐶𜀬𝀰𜀫𠰨𭀪𞐩𚠷𜀬𝀰𛀴𜀩`.replace(/uD./g,'')))

Jun 22 2019 3:56 PM UTC

}// 140/140

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

Platformer

u/cantelope

lol

show FPS hide FPS share fullscreen

everdaynormalguy

function u(t) {

for(x.fillRect(0,0,i=640,i);z=--i**.3;x.fillStyle=R(0,100/--z))x.setTransform(s=20/z,0,0,s,0,0),x.fillText('Send Nudes',i%z*77,t++%z*60)

Jun 24 2019 12:16 PM UTC

}// 136/140

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

u/katkip

same to your mom. dont #spam

show FPS hide FPS share fullscreen

loktar

function u(t) {

for(r=100,!t&&x.scale(20,20),i=0;i<r*r;i++)X=i%r,Y=i/r,V=X-r,W=Y-r,d=V*V+W*W,x.fillStyle=R(d%(250*C(t)),0,d%(250*S(t))),x.fillRect(X,Y,1,1);

Jun 20 2019 11: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).

Started as something completely different, thought this looked neat and fit in the limit.

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/14718 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𭱩𭁨𚁸𚑦𫱲𚁦𪑬𫁒𩑣𭀨𜀬𜀬𨰮𭱩𩁴𪁼🐰𛀲𩐳𚐬𩱬𫱢𨑬𠱯𫑰𫱳𪑴𩑏𬁥𬡡𭁩𫱮🐢𩁩𩡦𩑲𩑮𨱥𘠬𪐽𞐻𪐭𛐻𩡩𫁬𚁡𬡣𚀹𝠰𚰹𞐪𤰨𡠽𪐪𛠶𞐸𚐬𝐴𜀫𞐹𚡃𚁆𚐬𜰹𝠬𬐽𭀯𜠭𡠬𬐫𜰮𜐴𚐩𚑢𩑧𪑮𤁡𭁨𚁦𪑬𫁓𭁹𫁥👠𪁳𫀨𙁻𝠰𚱩𚠳𝠰𛰳𯐠𞐹𙐵𜀥𨀩`.replace(/u../g,'')))

Jun 23 2019 5:09 AM UTC

}// 140/140

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

Subtractive Semicircle Pinwheel

show FPS hide FPS share fullscreen

LimeLaser

function u(t) {

a=960
b=540
c=3e3*C(t)**2
d=c*S(t)**4
x.moveTo(a-c,b-d)
x.lineTo(a+c,b-c)
x.lineTo(a+c,b+c)
x.lineTo(a-c,b+d)
x.lineTo(a-c,b-d)
x.stroke()

Jun 21 2019 6:25 PM UTC

}// 138/140

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

Curved Hallway

show FPS hide FPS share fullscreen

loktar

function u(t) {

eval(unescape(escape`𩡯𬠨𮐽𘑴𙠦𦰰𧑼𯁹𛁷🐲𩐳𛁨🐱𜀸𜀬𪐽𜐬𮀮𩁲𨑷𢑭𨑧𩐨𨰬𜀬𜀬𭰬𪀬𜀬𛐱𛁷𛁨𚐻𪐼𭰻𚑹𦱩𧐽𭀦𙠨𮑛𪑝𚰹𚡍𨑴𪀮𬡡𫡤𫱭𚀩𚱹𦱩𛐱𧐩𛰭𜡼𯀭𮑛𪐭𜑝𛁌🐲𜀪𮑛𪑝𛁸𛡦𪑬𫁓𭁹𫁥👠𬡧𨠨𜀬𙁻𣁽𛀤𮱌𯐩𨀬𮀮𩡩𫁬𤡥𨱴𚁩𛁨𛀱𛀭𮑛𪑝𚐬𪐫𚰻`.replace(/uD./g,'')))

Jun 19 2019 11:09 PM UTC

}// 138/140

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

Just a random scroller original vs is from 2013, https://codepen.io/loktar00/details/BCEvp

u/KilledByAPixel

good texture
u/Xen

very nice!
u/katkip

looks like #waves
u/magna

#texture

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪁼👦👧🐾𚁫𙐱𝠦𙠱𚱫𙐲𚠮𝀱𝀩𚡧𚁡🐮𝰸𝐴𚠨𪰫𜠯𚀱𚰱𩐳𚠪𚁴𙐱𚠴𛑩𚐩𚐩𛁫🐵𝰻𪐽𛐭𪰾🠴𞱸𛡦𪑬𫁒𩑣𭀨𞐶𜀫𝰰𜀪𦀯𮠭𬰬𝐴𜀫𝰰𜀪𦐯𮠭𬰬𬰪🐲𛁳𚐩𦱘𛁙𛁚𧐽𦱘👦𚁃𚐬𪐭𜠬𩠨𤰩𛁘𛁩𛐲𧐮𬱬𪑣𩐨𭀥𜰩𛁺🐳𚱚𛁳🐹𞐯𮠯𮠻`.replace(/u../g,'')))

Jun 19 2019 3:43 AM UTC

}// 139/140

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

Rubik's Cube Movement

Show more comments…
u/pavel

191 for(c.width|=f=g=>(k%16&&1+k%2*.414)*g(a=.7854*(k+2/(1+1e3**(t%1*4-i)))),k=57;i=--k>>4;x.fillRect(960+700*X/z-s,540+700*Y/z-s,s*=2,s))[X,Y,Z]=[X=f(C),i-2,f(S),X,i-2].slice(t%3),z=3+Z,s=99/z/z
u/katkip

too good.
u/username

Rubik's Cubes cannot move the middle layer
u/pavel

If you hold the sides the middle moves, no? How could it not!
u/pavel

Here are notation-only moves for(c.width|=f=g=>(k%16&&1+k%2*.414)*g(a=.7854*(k+y*2/(1+1e3**(t%1*4-i)))),k=57;i=--k>>4;x.fillRect(960+700*X/z-s,540+700*Y/z-s,s*=2,s))[X,Y,Z]=[y=i-2,X=f(C),f(S),y,X].slice(t%3),z=3+Z,s=99/z/z
u/username

Technically you are moving both sides at the same time in that case instead of moving the middle layer.
u/katkip

^
u/pavel

That's not what technically means. You have a mental model that only permits sides to move, and you have that model because adding middle rotations would be notationally redundant in that model. This does not mean middle rotations are somehow impossible or that they definitely consists of two side rotations.
u/username

Erm, the middle layer is attached to the core, that is what I mean. It is about the construction of a Rubik's Cube.
u/username

http://www.madehow.com/images/hpm_0000_0007_…
u/pavel

Still seems like this is a matter of perspective. You are chosing a perspective in which the core is always fixed, even though the motion I am describing specifically involves holding the two sides fixed and rotating the core... In my reference frame the core is rotating. So what if the core contains more parts than the side pieces when you take the cube apart?
u/13thptr

that escalated quickly
u/donbright

maybe they dont actually move like this... but they should!