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 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 fullscreen

Coalshork

function u(t) {

x.fillStyle=R(S(t)*255,S(t*9)*255,S(t*0.7)*255),x.fillText(1,0,0),x.drawImage(c,1,1),x.scale(1.001,1.001),x.rotate(1)

Nov 19 2024 6:21 PM UTC

}// 117/140

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

Raster Blaster

show FPS hide FPS share 2 remixes fullscreen

lewdev

remix of d/32791 by u/magna

function u(t) {

for(c.width|=i=26;V=9*t+i*.1,x.font="1in'",i--;x.fillText([...`${c}`][i],0,0))x.setTransform(S(V),0,0,C(V)/6+1,-C(V)*800+950,S(V)*99+500)

Nov 19 2024 9:23 PM UTC

}// 137/140

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

🎠 Rotating Carousel Text

show FPS hide FPS share fullscreen

lewdev

remix of d/32796 by u/lewdev

function u(t) {

for(c.width|=i=4;V=t+i*.5+30,x.font="1in'",i--;x.fillText([...`🚓🚙🚕🚗`][i],0,0))x.setTransform(-S(V)+1,0,0,C(V)/6+2,-C(V)*990,S(V)*99+500)

Nov 20 2024 9:57 AM UTC

}// 136/140

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

🚗 Tokyo Drift #cars #racing

u/Agnes

Yes, clever reinterpretation!!!
u/lewdev

Hehe, thanks u/Agnes ! Fiddling with some values in u/magnus 's code, I saw this neat effect.

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 fullscreen

hoge1e3

function u(t) {

if (t<1/60)c.addEventListener("mousemove",(e)=>
x.fillRect(e.x*3,e.y*3,5,5));

Nov 20 2024 5:01 AM UTC

}// 77/140

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

Use mouse to draw.

show FPS hide FPS share fullscreen

hoge1e3

function u(t) {

c.width=1920;
x.fillStyle=R(S(t*4)*128+128,0,0);
for(i=0;i<10;i++)
x.fillRect(400+i*100+S(t)*300,500+C(t*(i+1))*500,50,200)

Nov 20 2024 4:50 AM UTC

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

Valui

remix of d/32785 by u/Valui

function u(t) {

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

Nov 19 2024 2:23 AM UTC

}// 116/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 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 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.