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: #ScaryMovies

show FPS hide FPS share fullscreen

lewdev

function u(t) {

A="🤜📃✂"
B=300
c.width|=0;x.font="2in'"
for(j=6;j--;)for(i=0;i<2;i++)x.fillText([...A][~~(t+i)%3],(i?t*B%B:B)+j%2*500+B,B/2*(j%2?j-1:j)+B)

May 17 2024 8:22 PM UTC

}// 137/140

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

🤜📃✂ #RockPaperScissors (It didn't turn out as cool as I imagined but it's done)

u/cantelope

😎

show FPS hide FPS share fullscreen

384.cz

function u(t) {

c.width|=0
for(i=0;i<1e4;i++){a=i/7;x.fillStyle=`hsl(${t+i},302%,50%)`;x.fillRect(990+C(a+t+t)*i,475+S(a+t)*i,99+a,99+a);}

May 17 2024 7:44 PM UTC

}// 122/140

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

weird spiral, made by ChatGPT

u/cantelope

correction: made by humans whose hard work was de-ownerizerd and obfuscated via chatGPT's convolutional neural network. the output of data-driven systems be they "generative" or not, by definition, are functions of and may not exceed the quality of their input
u/cantelope

"de-ownerized" too :P

show FPS hide FPS share fullscreen

Agnes

function u(t) {

c.width|=0
x.transform(50,0,0,50,960,540)
A=-(S(t/3)**2)
F=A/-5.236
M=F>.1
x.rotate(!M*A)
x.fillText(M?"🤣":"😂",-6.5+F*S(10*t),3+F*C(100*t))

May 17 2024 5:59 PM UTC

}// 139/140

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

The worst thing I have ever made

show FPS hide FPS share fullscreen

DaSpider

function u(t) {

t?i++:i=0
x.fillStyle=['black','white','green','red'][i]
i==3?x.rotate(.8):0
i<3?x.fillRect(0,i*360,10920,999):x.fillRect(1,1,750,800)

May 17 2024 12:42 AM UTC

}// 134/140

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

Free Palestine!

show FPS hide FPS share fullscreen

docravendark

remix of d/31717 by u/baon

function u(t) {

for(b=40,p=8,i=p*162;i--;x.rotate(6.28/p),x.translate(t*i,0),x.fillRect(0,p+300,5,b*4))x.fillStyle=`hsl(${360*i/p} 80%${b-i/b/2})`

May 18 2024 9:35 AM UTC

}// 130/140

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

fallen leaves

show FPS hide FPS share fullscreen

MathTechCoach

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<=50;i++){
x.fillStyle=R(20*i,100-i,250-i)
x.fillRect(200*S(2*t)+10*i,20*i,30*i,i/2), t++}

May 17 2024 6:28 PM UTC

}// 133/140

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

Wavy Rectangles

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/29550 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`󩭯󬬨󪜽󜽥󝌬󦜽󭌪󟜳󝜶󛍂󟝴󛜴󜝼󜌻󪜭󛜻󮌮󩭩󫍬󤭥󨽴󚍩󛼱󝜬󠬿󘜡󭌪󝌰󜌫󦜫󭌪󞜫󪬪󝌺󪬪󝼫󚍩󛼹󞜾󟬳󚜪󚬵󙜳󝌹󚼴󝬹󛌹󛌷󚜩󦜭󟝓󚍙󚭩󚜬󪬽󪜥󞜹󛍸󛭦󪝬󫍓󭍹󫍥󟝠󪍳󫌨󙍻󠬿󭌿󭌪󞜫󦜺󪬭󜼰󞭩󙜶󝭽󘌤󮼶󞜫󚍂󟽙󛼳󞭙󚝽󙜤󮽂󟽪󞭔󚍪󙜲󚭩󚭩󚜪󜼹󯜥󨌻`.replace(/u../g,'')))

May 15 2024 3:25 AM UTC

}// 140/140

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

Landscape with City 🌆

u/aleamb

wow!
u/vain

as always - incredible 👍

show FPS hide FPS share fullscreen

thenize

remix of d/10941 by u/pavel

function u(t) {

for(c.width=2*(n=i=966);--i;x.fill(new Path2D('M0 2C1-3,8 8,0 0')))z=9/(2+C(A=t*i/n+i*i)),x.setTransform(C(A)*z,0,0,z,S(A)*20*z+n,i*i%n+9*z)

May 15 2024 4:59 PM UTC

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

taupelink

remix of d/31804 by u/taupelink

function u(t) {

eval(unescape(escape`昽⡵Ɑ㵩┶⬵⤽㸨洿昨甬派㸱⤭洭ㄺ甥㐭㈩⨪㈯㜻朽渽㹦⡘⽮⤪昨夯温☱㭦潲⡩㴴攴㭩ⴭ㭸⹦楬汒散琨㄰⩘ⰱ〪夬木ㄩ♧⠲⤦木㌩ⱴ㰳⤩堽椪椪琥ㄹ㈬夽堪椥㄰㠬砮晩汬却祬攽木ㄩ幧⠶⤿✣〲㤧㨧⍂㠰㈧`.replace(/u([^D].)/g,'$1%')))

May 18 2024 6: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).

d/31819

show FPS hide FPS share fullscreen

Agnes

function u(t) {

t?0:h=0
c.onmousemove=(e)=>h=e.x
H=c.height|=0
x.scale(25,25)
x.fillText("😐",31,25)
x.rect(0,0,h/6,H)
x.clip()
x.fillText("🤐",31,25)

May 16 2024 8:53 AM UTC

}// 132/140

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

Zipper #interactive

u/lewdev

Cool! A clever use of clip and onmousemove!