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

show FPS hide FPS share 1 remix fullscreen

Valui

function u(t) {

c.width|=0;for(i=0;i<400;i++)x.beginPath(),x.arc(960+960*C(i+t),540+540*S(i/1.618+t),8+4*S(t+i/50),0,7),x.fill()

Nov 19 2024 12:18 AM UTC

}// 113/140

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

I am just riffing.

show FPS hide FPS share fullscreen

Valui

remix of d/32806 by u/Valui

function u(t) {

c.width=w=1920
for(i=12;i--;)
x.arc(960+S(q=t*i+S(t/1.618))*i*99*(1+S(t)),540+C(q*1.618)*i*99*(1+C(t)),i*3,0,7),x.stroke()

Nov 20 2024 9:30 PM UTC

}// 122/140

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

Working on Unifying Quantum Theory with Relativity.

show FPS hide FPS share 1 remix fullscreen

Valui

function u(t) {

c.width=w=1920
for(i=9;i--;)
x.beginPath(),x.arc(960+S(t+i/1.618)*i*89,540+C(t*1.618+i)*i*89,i*9,0,7),x.stroke()

Nov 20 2024 9:28 PM UTC

}// 112/140

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

Working on Unifying Quantum Theory with Relativity.

show FPS hide FPS share fullscreen

Coalshork

function u(t) {

x,moveTo(10,10)
x.fillRect(t*10000&1920,t*100,100,25)
x.fillStyle=R(C(t)*255,10,T(-t)*255)

Nov 19 2024 5:17 PM UTC

}// 90/140

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

Bisexual Bricks

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/31700 by u/rodrigo.siqueira

function u(t) {

for(x.reset(i=1e3);i--;)for(j=9;j--;x.fillRect(W,i/4+282,51,2))W=99*j-99*S(t)+600,x.fillRect(W+i*j/2-i*2.2+i*S(t),534+i,20*(i*3+360)/140,.7)

Nov 16 2024 9:47 PM UTC

}// 140/140

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

Perspective #default #shadow

u/Agnes

It's a shame all of these x.reset() dweets don't work on iOS... :(
u/rodrigo.siqueira

...thanks for letting me know about this iOS limitation. So, I’ll stop using x.reset and go back to using c.width instead.
u/0x61

Should be noted reset is working fine in iOS 18.1
u/magna

Dwitter could also monkey-patch 2d context to get x.reset() working

show FPS hide FPS share fullscreen

384.cz

function u(t) {

for(c.width=l=i=640,m=l/2;1<i;i-=.01)x.fillRect(m+S(i%17)*i*S(t-i/l)%l,(i+(S(T(i%17))*i*t>>(7&i)))%m,1,.1)

Nov 16 2024 5:48 PM UTC

}// 106/140

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

Waveleaf

u/tomxor

Wow, so gnarly.

show FPS hide FPS share fullscreen

Valui

function u(t) {

c.width|=0;for(i=0;i<20;i++)x.fillRect(i*100,540+200*S(t+i/5),80,400*S(i/9+t)),x.fillStyle=`hsl(${i*18},80%,${50+S(t)*20}%)`;

Nov 19 2024 1:48 AM UTC

}// 125/140

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

Alaaddin's Rainbow Flying Carpet :)

show FPS hide FPS share fullscreen

0x61

function u(t) {

n=c.width|=1,t||(r=Array(n).fill().map(v=>Math.random()*n/2))
for(m=n;m--;){a=r[m];b=r[m-1];(a<b)&&(r[m-1]=a,r[m]=b)
x.fillRect(m,0,1,b)}

Nov 16 2024 11:03 AM UTC

}// 137/140

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

#BubbleSort

u/cantelope

#sort #sortingAlgorithms #bubblesort

show FPS hide FPS share fullscreen

geeknik

function u(t) {

x.fillStyle=R(S(t)*127+128,C(t)*127+128,T(t)*127+128,.1);for(i=0;i<99999;i++)x.fillRect(96+S(i)*i,54+C(i)*i,5,5)

Nov 19 2024 8:12 PM UTC

}// 112/140

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

Pulsing Spiral

show FPS hide FPS share fullscreen

384.cz

function u(t) {

c.width|=f=8
x.lineWidth=.1
F=_=>f=((((((0|i/2e3)+t+f*t))**.2)*1e3)%1E3)
for(i=6e3;i--;)x.lineTo(F()+f,F())
x.stroke()
x.beginPath()

Nov 18 2024 3:12 PM UTC

}// 132/140

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