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

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!

show FPS hide FPS share fullscreen

TGY

remix of d/24078 by u/TGY

function u(t) {

for(c.width|=a=k=99;k--;)for(i=a=~a*7&511;w=i--/4;)x.fillRect((k+S(t/9)*99)/50%1*2e3-a*T%w,T=640+(i&5?i-a:a-i),w,C(a+t)/2+1)

Oct 17 2021 10:01 AM UTC

}// 124/140

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

xs parallax

u/rep_movsd

Hmmm I dont see parallax scrolling...
u/TGY

The closer you look, the less you see

show FPS hide FPS share fullscreen

rodrigo.siqueira

function u(t) {

console.log('%cDWITTER','border-radius:1em;background-color:#000;padding:60px;color:#0f9;font-size:'+S(t*3)**2+'in')

Oct 16 2021 5:42 PM UTC

}// 116/140

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

Press F12 to view animation on console. #hack

show FPS hide FPS share fullscreen

jellyedwards

function u(t) {

for(w=c.width|=i=290;i--;T=S(t*6.28)*R)x.font='40em a',i<99-t/2||i>99?x.fillRect(w-i*9,0,9,w):x.fillText(["🪓","😃"][~~t%2],T<0?R-T:R,R=700)

Oct 14 2021 8:46 PM UTC

}// 139/140

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

heeeeeeeere's emoji #ScaryMovies

u/pavel

Hah its gets a little wider every hit, nice.
u/lars-erik

No play makes Jack a dull boy! 😄👍
u/sigveseb

love it

show FPS hide FPS share fullscreen

rep_movsd

function u(t) {

eval(unescape(escape`𨰮𬱴𮑬𩐮𨡡𨱫𩱲𫱵𫡤𠱯𫁯𬠽𙰣𝠹𨐧𛁣𛡷𪑤𭁨🐭𜐊𮀮𩡩𫁬𤱴𮑬𩐽𤠨𜀬𜀬𜀬𚁓𚁴𚐫𜐩𛰲𚐊𮀮𩡩𫁬𚁮𩑷𘁐𨑴𪀲𡀨𙱍𜐵𜀬𝐰𠐲𛀵𛀰𛀱𛀱𛀱𝐱𛀵𜁬𝠬𜑬𜰬𝀰𫀭𝐭𜰰𫀲𛀵𜁨𛐲𫀭𝀬𛐳𝑬𛐴𛀳𝑨𛐲𫀲𛐵𜁬𛐵𛀳𜁬𜰭𝀰𮠧𚐩`.replace(/u../g,'')))

Oct 15 2021 11:57 AM UTC

}// 131/140

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

Slenderman #ScaryMovies