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 4 remixes fullscreen

TGY

remix of d/24136 by u/ketolli

function u(t) {

with(x)fillStyle='hsl('+C(t/4)*180+',99%,50%)',beginPath(lineWidth=20),fill(arc(960+C(t)*420,540+S(t*2)*420,99,0,7))

Oct 19 2021 4:20 PM UTC

}// 116/140

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

#jetbrains

u/ciaccodavide

`hsl(${C(t/4)*180},99%,50%` to save some chars if you need them!

show FPS hide FPS share 1 remix fullscreen

FireFly

remix of d/24124 by u/FireFly

function u(t) {

Z='♜♞♝♚♛♝♞♜♟♟♟♟♟♟♟♟',eval(unescape(escape`𭱩𭁨𚁸𚑦𫱲𚁩👷🐱𜠸𞱩𛐭𞱦𪑬𫁓𭁹𫁥👒𚁩𙐲🱦𪑬𫁒𩑣𭀨𦀽𪐥𜐶𚠶𝀬𦐽𪐪𞀦𛑷𛁭👘𚱙𙡷𛁭𚑼𭰺𩡩𫁬𥁥𮁴𚁚𦱩𛰲𧠨𪐾𝠴𚐪𝠳𧑼𯀧𙰬𦀬𦐫𭰩𚐩𩡯𫡴🐧𝁣𫐢𙰊`.replace(/u../g,'')))

Oct 18 2021 10:13 PM UTC

}// 129/140

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

#chess board

u/FireFly

I've stared at this for too long... don't think I can get it below 146 decompressed (with Z inlined). Would be rad if we could squeeze those last characters out though and get it down to 140 without compression :)
u/tomxor

I have an imperfect 142
u/Agnes

This is 145 but I don't remember if the new indexing is actually shorter or not than yours: for(i=w=128;i--;x.fillStyle=R(i%2?x.fillRect(X=i%16*64,Y=i*8&-w,m=X+Y&w,m)|w:x.fillText('♜♞♝♚♛♝♞♜♟ '[Y++%7?++Y%5?9:8:i/2%8],X,Y+w)))x.font="4cm'"

show FPS hide FPS share fullscreen

ciaccodavide

remix of d/24172 by u/ciaccodavide

function u(t) {

x.fillRect(0,0,2e3,2e3,x.fillStyle=`#0001`)
for(m=Math,i=~~(9**(3-C(t)));i--;)r=m.random,x.clearRect(2e3*r(),2e3*r(),1,1)

Oct 19 2021 3:30 PM UTC

}// 121/140

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

waves of noise in the night sky

show FPS hide FPS share fullscreen

rep_movsd

function u(t) {

E='◜◝◞◟'
eval(unescape(escape`𦠽𢰽🡸𛡦𪑬𫁔𩑸𭀨𡑛𢱝𛁘𚱛𛐳𛀭𡀬𛑄𛀭𜱝𦱋𧐬𦐫𦱎𛁎𛀳𛀳𧑛𢱝𚐊𭁼𯀨𦀽𦐽𜀩𒡸𛡦𫱮𭀽𨀶𩑭𙱠𛁄🐳𝠬𮀮𨱬𩑡𬡒𩑣𭀨𦀭𡀬𦐭𜠴𛁎🐷𜠬𣠩𒡃𚁴𚡘𚐾𜀿𦠨𜰩𯁚𚀱𚐺𦠨𜠩𯁚𚀰𚐊𦀾𜡥𜰦𙠨𦐽𚁙𚱎𚐥𜐰𞀰𛁘🐰𚐊𦀫👎`.replace(/u../g,'')))

Oct 18 2021 7:39 PM UTC

}// 139/140

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

#tessellation #unicode

u/magna

#truchet

show FPS hide FPS share fullscreen

tomxor

remix of d/24141 by u/tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𩠽𧰽🡓𛰶𞀭𜐮𞀸𯁃𛰱𝠭𝀮𜑼𤰫𝀦𞀬𭰽𨰮𭱩𩁴𪀦👩🐳𜰰𜠴𞱩𛐭𞱸𛡦𪑬𫁒𩑣𭀨𤰽𪐦𜠵𝐬𠰽𪐾🠸𛀱𛁱🐲𚡰𯀰𚐬𤠽𚁰𛑱𚐯𜐶𛁵𦱔𧐫🐳𚡒𛁵𦱔👩𛑷𧐫🐵𚡒𛁵𦱔𛐱𧐽𤠩𬀽𚁵𦱩𧐫🐷𚡒𚐫𚁦𚀩🱦𚁓𛐽𝀬𠰭🐴𚐿𚁓𚡓𚱃𚡃𚐯𞑥𝀫𛠱𞠱𞠰𚑼𯀰`.replace(/u../g,'')))

Oct 16 2021 12:50 AM UTC

}// 140/140

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

#default Floyd–Steinberg #dithering

u/ciaccodavide

oooooh, I love dithering! Nice one!
u/tomxor

me too :) I didn't realise how simple the algorithm was before no, and it can be done in a single pass because it's only half a 2d kernel. Tweaking the coefficients (*R) can be fun, e.g 7*R=>5*R, 3*R=>5*R better preserves the dark and light areas in this image.
u/magna

Wow
u/sigveseb

Very nice!

show FPS hide FPS share fullscreen

jellyedwards

function u(t) {

throw new Date(Date.now() + 24192e5)

Oct 19 2021 9:00 PM UTC

}// 36/140

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

Can you work out what #ScaryMovies this is?

u/sigveseb

28 days later?
u/magna

But it must be in GMT
u/jellyedwards

Yup, I think in one of the alternate endings he didn't account for daylight savings and one of the infected was still alive

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

function u(t) {

x.fillRect(0,0,2e3,2e3,x.fillStyle=`hsl(${t*16},28%,50%`)
for(i=9;i--;)x.clearRect(520+i*99+S(t*2)*300,400,50,200)

Oct 19 2021 3:09 PM UTC

}// 114/140

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

colorful #default

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`󩭯󬬨󪜽󝜸󞽩󛜭󞽩󟌶󟽸󛭥󫍬󪝰󬽥󚌮󛬮󪜾󜜿󦼹󝬰󛌵󝌰󛍱󟝩󚬪󝬪󝬬󪜪󚬶󚬸󧜺󦼸󜜰󚽩󚬳󜌰󛌵󝌰󛌹󞜬󝼹󧜬󜌬󜌬󞜩󞬨󦌦󜬦󙭙󟬶󯍼󚍘󟜽󜝼󦌽󟜴󚜦󦜼󜽼󯍙󟜽󜼩󙬦󮌮󩭩󫍬󤭥󨽴󚌶󞜵󚽘󚬹󞜬󝬰󚽙󚬹󞜬󜼹󛌳󞜩󚝙󟝩󛼶󯌰󛍘󟝩󙜶󞽴󯍼󮌮󩭩󫍬󨍥󭭥󫭯󩍤󨌻`.replace(/u../g,'')))

Oct 16 2021 2:32 PM UTC

}// 139/140

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

Friday the 13th 🔪🩸 #ScaryMovies

u/rep_movsd

JSON Voorhees

show FPS hide FPS share fullscreen

Agnes

function u(t) {

W=c.width|=t%=10;for(i=0;i<2;x.fillText(i++?"🤖":t>5?"🕺":"🧍",960*(0.9+C(Math.PI*t/10)**3)-35*i,740-100*i))x.font="4cm'"

Oct 20 2021 12:50 PM UTC

}// 118/140

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

Fillbots (kind of)

u/Agnes

Missing the hose and the filling of red liquid between t=4 and t=5 but I'm never getting either of those in the remaining 22 characters.

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`󭽩󭍨󚍸󚝦󫽲󚍘󟝴󟽘󚼵󚼨󬼽󛝳󚜺󚍳󨽡󫍥󚍺󟜲󜌬󮬩󛍳󟜱󚜬󪬽󮬻󪬭󛜻󫍩󫭥󥍯󚍘󚼶󚭳󛍙󚜬󫍩󫭥󥍯󚍘󚼸󚭳󛍙󚼴󚜬󥌽󨭥󩽩󫭐󨝴󪌨󬽴󬭯󪽥󚌩󚜩󩭯󬬨󪜽󝼻󪜭󛜻󩭩󫍬󤽴󮝬󩜽󤬨󭼬󥌦󙬱󝌰󚜩󩭩󫍬󚍡󬭣󚍘󛍙󟜸󚭪󚼲󚭳󛍔󟽷󟜴󝬶󞬲󛍡󟜱󜜭󬼪󜜱󚽳󚭩󚭷󛍡󚜩`.replace(/u../g,'')))

Oct 15 2021 9:43 PM UTC

}// 140/140

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

The Shining 🚪🪓 #ScaryMovies

u/tomxor

oh yeah!
u/loernz

Awesome!