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

Xen

remix of d/28861 by u/siya.sharma

function u(t) {

x.globalCompositeOperation="xor"
c.style.filter=`invert(`
x.font="40em'"
x.fillText('🌈',C(t**t)*2e3,S(t*t)*1e3)

Nov 17 2023 2:23 PM UTC

}// 111/140

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

u/lewdev

This reminds me of "The more you know"

show FPS hide FPS share fullscreen

384.cz

function u(t) {

c.width|=0
x.lineWidth=9
for(i=2e4;i--;)x.lineTo(((I=+new Date/8)&i)%2e3,(I/2&i)%2e3)
x.stroke()

Nov 17 2023 8:13 AM UTC

}// 96/140

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

Synchronized Patterns (run on multiple devices and see)

show FPS hide FPS share fullscreen

Agnes

function u(t) {

W=t?W:"";
S=(Math.random() + 1).toString(36).substring(2,3+W.length)
Q=[]
for(e in c){Q.push(e)}
Q.forEach(e=>e.includes(S)?W=S:0)
throw(W)

Nov 17 2023 1: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).

Substring explorer

u/Agnes

Every frame, this tries to find a random substring of length L that appears somewhere in the member variables of the Javascript canvas object c. If it finds a match, L is increased by one.
u/Agnes

I think this crashes if W.length gets too long but I don't think it's ever going to get much further than 5 in the lifetime of the universe so we're fine.

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/28860 by u/rodrigo.siqueira

function u(t) {

k=frame%2+1
for(X=Y=t,i=4e4;i--;x.fillRect(X*39+600,Y*29+510,.1,t<1))
Y=(r=i/Y&2)*5+Y/3+C(Y/5)*4.5-X/2,
X+=Y,x.fillStyle=R(r*80)

Nov 15 2023 5:36 PM UTC

}// 128/140

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

Twin birds #bird

show FPS hide FPS share 1 remix fullscreen

xyper

function u(t) {

a=b=800;c=[500,0,0,800,999,800];for(i=0;i<99;i++){f=~~(Math.random()*3);a=a+(c[f*2]-a)/2;b=b+(c[f*2+1]-b)/2;x.fillRect(a,b,1,1)}

Nov 15 2023 11:09 AM UTC

}// 128/140

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

sierpinski triangle thing i made, took way too long and is probably super unoptimised

u/Xen

nicely done!
u/rodrigo.siqueira

Simple optimization to reduce 6 chars: c=[500,0,0,a=b=800,1e3,b]

show FPS hide FPS share 2 remixes fullscreen

rodrigo.siqueira

remix of d/28852 by u/rodrigo.siqueira

function u(t) {

for(X=Y=t,i=4e4;i--;x.fillRect(X*2+Y*7+860,Y*4-X*3+900,.1,t<1))
Y=(r=i/Y&8)*4+X*r/29+Y/2-X/3+S(Y/5),x.fillStyle=R(19*r,35,30),X+=Y

Nov 14 2023 11:58 AM UTC

}// 130/140

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

Roots

u/danny@hille.dk

Or dragon wings❤️

show FPS hide FPS share fullscreen

Rizwan_kustian120

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<20;i++)
x.fillRect(400+i*100+S(t)*300,400,50,200) // draw 50x200 rects

Nov 16 2023 8:10 PM UTC

}// 113/140

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

my Ist dweet

u/Xen

welome to the dwitter family!
u/cantelope

um. k. you're not required to put in any amount of effort. but on the same token, we're not required to like your work. you changed one character....

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/28786 by u/rodrigo.siqueira

function u(t) {

for(a=b=t,i=1e4;i--;b=C(a*4)+b*.83+S(a),a+=(i/a&i%2)*4+b*S(a/2)/5-a*a/5)x.fillRect(a*3e3-500,590-b*270,.1,1),x.fillStyle=R(0,30,50)

Nov 13 2023 5:29 PM UTC

}// 131/140

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

#spiral #fractal #plant

u/rodrigo.siqueira

"In the realm where art and science embrace, mathematics unveils the hidden symmetries, infusing imagination with the precision of the universe, transcending the known to inspire the creation of the yet unseen." (ChatGPT)

show FPS hide FPS share 2 remixes fullscreen

rodrigo.siqueira

remix of d/28841 by u/rodrigo.siqueira

function u(t) {

for(X=Y=t,i=4e4;i--;x.fillRect(X*4.5+Y*8+600,Y*8-X*3+780,.1,t<3))
Y=(r=i/Y&8)*5+Y/2-X/4+S(Y/9),x.fillStyle=R(11*r,0,50),X+=Y*2

Nov 12 2023 7:52 PM UTC

}// 126/140

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

Twin Dragon Fractal variation #spiral

u/Joachim

Oooo!
u/cantelope

beautiful
u/rodrigo.siqueira

"In the intricate dance of art, science, and math, the twin dragon double fractal unveils the hidden symphony of the universe, where chaos and order intertwine, whispering the secrets of existence that no mind has yet dared to fathom" (ChatGPT)

show FPS hide FPS share fullscreen

Rizwan_kustian120

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<20;i++)
x.fillRect(400+i*100+S(t)*300,400,50,200) // draw 50x200 rects

Nov 16 2023 8:10 PM UTC

}// 113/140

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

my Ist dweet