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

ciaccodavide

remix of d/24175 by u/TGY

function u(t) {

with(x)fillStyle=`hsl(${t*22},99%,50%,.1`,beginPath(fill(arc(960+C(2*t)*420,540+S(t*2)*220,199,0,7)))

Oct 19 2021 4:45 PM UTC

}// 101/140

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

colorful #donut

show FPS hide FPS share fullscreen

ciaccodavide

remix of d/24169 by u/ciaccodavide

function u(t) {

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

Oct 19 2021 3:10 PM UTC

}// 117/140

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

colorful #default #motionblur

show FPS hide FPS share fullscreen

wwickedwicked

function u(t) {

X=S(t)*400
Y=t
U=(X/99)-2
V=(Y/99)-2
A=B=N=M=I=0
while(N+M<4&&I<9){B=2*A*B+V
A=N-M+U
N=A*A
M=B*B
I++}x.fillStyle=R(32*I)
x.fillRect(X,Y,9,9)

Oct 20 2021 1:35 PM UTC

}// 140/140

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

Really slow mandelbrot set draw

u/Permille

Oh wow, that's so cool!

show FPS hide FPS share fullscreen

rep_movsd

remix of d/15329 by u/tomxor

function u(t) {

eval(unescape(escape`𮀮𩡩𫁬𤱴𮑬𩐽𤠨𭀪𜐰𛀲𝀰𛐨𭀪𜠰𚐬𜀬𛠱𚐊𩡯𬠨𨐽𨠽𜀬𪐽𜑥𝀪𚁴🀸𚐻𪐭𛐻𮀮𩡩𫁬𤡥𨱴𚁡𚠲𜀰𜀭𜐲𜀰𛁢𚠱𝠰𜀭𝐰𜀬𜐬𞀩𚐠𒡲🐰𯀴𚡍𨑴𪀮𬡡𫡤𫱭𚀩𛀊𨐫🐮𜰪𚁲𛑡𚱢𚡓𚁡𚠳𚐩𛀊𨠫🐮𜐪𚀱𛑡𚡢𚱃𚁡𚠳𛠶𚐩`.replace(/u../g,'')))

Oct 18 2021 11:34 AM UTC

}// 127/140

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

Pine leaves #nature #slowdraw

u/tomxor

soothing :)
u/rep_movsd

There are many fractal dweets who can be zoomed in to find some gems like this

show FPS hide FPS share fullscreen

TGY

remix of d/24175 by u/TGY

function u(t) {

with(x)fillStyle=t<4?`hsl(${C(t/4%1)*180},99%,50%`:R(),beginPath(fill(t<4?arc(960+C(t)*(s=420),s+S(t+t)*s,99,0,7):rect(s,s,s,s)))

Oct 20 2021 8:47 AM UTC

}// 129/140

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

#jetbrains

show FPS hide FPS share fullscreen

lewdev

function u(t) {

for(c.width|=0,x.font="200px s",i=0;i<99;i++)
y=i%4,m=t%2e3%5,x.fillText("🏃",m>1.6&&m<1.9?-(t*100)+i*100:500*-t%2e3+(i*100),120+y*300)

Oct 18 2021 11:59 PM UTC

}// 134/140

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

🦑🎮 Red light, Green light. I'm having trouble making them pause. Does this count as #ScaryMovie ?

u/pavel

Nice idea. Play around with this for(c.width|=i=32,x.font="5cm'";q=i*i--;)x.fillText("🏃",2e3-(i+177*(C(a=C(b=t/2+S(q)/5)+b)+a+q))%300*9,1e3-32*i)
u/lewdev

OMG, you're a genius! Thanks!

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