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

KilledByAPixel

function u(t) {

$="󐏿𐇀񥐃򬊪🪬񥓩񻏿󹾬􏾯󻏿󻾰񌃬󼏿񋾬􏾯򽺪󿪷򺣗🀀񅿰򺰾񬏽🿰󓰿"
eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪀽𞐹𛁩🐲𝀰𞱩𛐭𞱸𛡦𪑬𫁒𩑣𭀨𩠨𜐶𞀩𚱩𙐱𝐬𩠨𞀱𚐫𪐯𜐵𯀰𛁶🐨𙀮𨱨𨑲𠱯𩁥𠑴𚁩𛰵𚐾🡩𙐵𚠲𙠳𚐯𜰬𭠩𚑦👷🐾𚁭🐨𝠰𚡴𙑷𚱷𚐥𭱼𜀩🡷𛰲🱷𛑭𞡭`.replace(/u../g,'')))

Sep 17 2019 4:45 PM UTC

}// 137/140

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

Bounce Back Screensaver

show FPS hide FPS share fullscreen

WasifBoomz

function u(t) {

c.width=1920
for(i=0;i<50;i++)
x.fillRect((400+i*100+S(t)*300)-800,0,100*Math.random(),2000*Math.random())
x.fillRect(t*50,t*50,t*50,t*50)

Sep 19 2019 1:41 PM UTC

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

WasifBoomz

function u(t) {

y=t*35
x.fillRect(0,0,y*1.3,y*1.3)
x.strokeRect(y,y,y,y)

Sep 18 2019 2:51 PM UTC

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

rodrigo.siqueira

remix of d/15690 by u/pavel

function u(t) {

with(x)for(j=4;j--;fill())for(beginPath(i=8);i-=2;fillStyle=j%2?'#124':'#fff')arc(960,540,2**([1.4,t%=6,2,5][j]*t/2+7),a=(i+t+(j<2))/.955,a)

Sep 15 2019 2: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).

Star of Pavel

u/katkip

Awesome

show FPS hide FPS share 2 remixes fullscreen

KilledByAPixel

function u(t) {

o="񏰀􏸿򺯼񳵕􀕓򺬖򤰀𦁓𐁐𤰀𤁏󓼓𣰀󔁓𐁐񢅕𠕈񥜨􀿿󚀏񥏁򳰂􀀏񌏀"
eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪁼🐰𛁩🐲𝀰𞱩𛐭𞱸𛡦𪑬𫁒𩑣𭀨𭀥𜐼𛠵🱘𞠱𞀶𜀭𦀬𚁩𛰱𝑼𜀩𚡃𛁃𛁃🐶𞀩𚑸𛡦𪑬𫁓𭁹𫁥👒𚁶🐨𫰮𨱨𨑲𠱯𩁥𠑴𚁩𛰵𚐾🡩𙐵𚠲𙠳𚐪𞐵𛁶𛁶𚐬𦀽𝀲𜀫𪐥𜐵𚡃`.replace(/u../g,'')))

Sep 15 2019 3:43 AM UTC

}// 140/140

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

Play my JS13k game Bounce Back! https://js13kgames.com/entries/bounce-back

Show more comments…
u/tomxor

Nice game :)
u/KilledByAPixel

Thanks!
u/LovelyRita

Nice!
u/tomxor

L-7, i'm loving this, i can't help but think the circles are breakfast cerial :D
u/metamero

so cute <3
u/Purpzie

how the actual flip did you get 232 characters in there
u/KilledByAPixel

416 bytes, 140 characters ;)
u/tomxor

Or 140 unicode code-points (how the server evaluates length), 232 UTF16 chars (how JS in the browser evals length), and 198 effective bytes (134 chars provided by the escape compressor as 2 bytes per surrogate pair, and 60 bytes in the image manually packed into the string "o" with 20 bits per surrogate pair + 4 chars for variable assignment outside)... :) yay i'm learning about arcane UTF16 stuff.
u/KilledByAPixel

#pixelart

show FPS hide FPS share 1 remix fullscreen

@no_identd

remix of d/15719 by u/@no_identd

function u(t) {

c.style.background=R();x.fillStyle=R(...[S,C,T].map(_=>256.^(_(t)%t)));a=1.3324789*frame;r=8*frame**.5;x.fillRect(r*C(a)+960,r*S(a)+540,8,8)

Sep 16 2019 7:47 AM UTC

}// 140/140

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

Throwback #2

u/@no_identd

Throwback #3
u/@no_identd

Erm, no.

show FPS hide FPS share fullscreen

smtsjhr

function u(t) {

c.width=1920
for(n=0;n<50;n++) 
for(u=0;u<90;u++){x.fillStyle=R(0,0,255,.1)
x.fillRect(30*u-200,1000*S(5*u*n-.15*t)+100,100,100)}

Sep 15 2019 6:38 AM UTC

}// 133/140

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

Caustic Shimmer

u/smtsjhr

dip your toes in at least!
u/taupelink

Nice!
u/joeytwiddle

#water

show FPS hide FPS share fullscreen

@no_identd

remix of d/15720 by u/@no_identd

function u(t) {

c.style.background=R();x.fillStyle=R(...[S,C,T].map(_=>256.^(_(t)%t)));a=2.2142975*frame;r=8*frame**.5;x.fillRect(r*C(a)+960,r*S(a)+540,8,8)

Sep 16 2019 7:49 AM UTC

}// 140/140

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

Throwback #3

u/@no_identd

Huh! This one seems to exhibit some weird optical illusion at the edge while rendering?

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/15667 by u/nystrand

function u(t) {

for(r=945,i=1080;i--;x.fillRect(a+r,b+r-9,20,20))a=t*i*i*r%2e3-r,b=i-r,g=i+S(t)*a/5,x.fillStyle=R(A=C(g/a)*C(t*3-b/g)*i,A+a/8,A+b,.3)

Sep 12 2019 5:13 PM UTC

}// 134/140

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

Flight landing

Show more comments…
u/magna

*while on drugs
u/0x04

Wow, trippy 😵
u/KilledByAPixel

👍
u/tomxor

woOp woOp woOp pull up, pull up
u/katkip

Awesome
u/Joachim

That's a very long runway!

show FPS hide FPS share 1 remix fullscreen

@no_identd

remix of d/15718 by u/@no_identd

function u(t) {

c.style.background=R();x.fillStyle=R(...[S,C,T].map(_=>256.^(_(t)%t)));a=2.3999631*frame;r=8*frame**.5;x.fillRect(r*C(a)+960,r*S(a)+540,8,8)

Sep 16 2019 7:46 AM UTC

}// 140/140

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

Throwback #1