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

rodrigo.siqueira

remix of d/20500 by u/rodrigo.siqueira

function u(t) {

 `﷽﷽${π=3.14}﷽﷽`
	!t&&x.translate(850,590);if(t<π)x.lineWidth=π,
x.rotate(t/18),λ=950*(1-S(t/2));x.strokeRect(-λ*3,-λ,2*λ,λ*2);
`﷽﷽﷽﷽﷽`

Nov 6 2020 10:55 PM UTC

}// 135/140

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

if ( t < π ) { Deep Spiral } with lineWidth = π pixels #spiral (made of squares)

u/Xen

Nice code!

show FPS hide FPS share fullscreen

tscotn

function u(t) {

b=255,x.fillStyle=R(b,Math.random()*b,Math.random()*b,.1),x.fillRect(Math.random()*c.width,Math.random()*c.height,50,50)

Nov 6 2020 7:04 PM UTC

}// 120/140

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

Cubic Flame

show FPS hide FPS share 2 remixes fullscreen

Noobisuke

function u(t) {

c.width=1920 // clear the canvas
x.translate(800, 500);
x.lineWidth = 10;
x.rotate(t*Math.PI);
d = 150*(1-S(t));
x.strokeRect(-d,-d,2*d,2*d)

Nov 6 2020 9:10 AM UTC

}// 140/140

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

My first dweet

u/tomxor

It's a spinning square!! welcome to dwitter :)
u/rodrigo.siqueira

Good idea! Let's remix it, but removing the "clear the canvas" part and changing a bit...

show FPS hide FPS share fullscreen

ashish9b

remix of d/17823 by u/New_Core

function u(t) {

for(c.width|=i=940;i--;x.stroke())x.beginPath(),x.strokeStyle=`hsl(${i},99%,50%)`,x.arc(555*S(t-i)+i*2,i%190*7,a=199**C(i/24-t)+14,a,0,9)

Nov 6 2020 12:12 AM UTC

}// 137/140

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

What's Bubbling?

u/rodrigo.siqueira

At first glance I thought it was spirograph drawings. #bubbles

show FPS hide FPS share fullscreen

Xen

remix of d/20499 by u/rodrigo.siqueira

function u(t) {

t?x.rotate(C(x.lineWidth=4/t)/59):x.translate(960,540)
d=1e3*S(t/3),x.strokeRect(-d,-d,2*d,2*d)

Nov 6 2020 4:49 PM UTC

}// 95/140

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

play and golf

show FPS hide FPS share 2 remixes fullscreen

rodrigo.siqueira

remix of d/20495 by u/Noobisuke

function u(t) {

if(!t)x.translate(960,540)
if(t<1.5)x.lineWidth = 8/t,x.rotate(t/9),d=950*(1-S(t))
x.strokeRect(-d,-d,2*d,2*d)

Nov 6 2020 3:00 PM UTC

}// 110/140

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

Spiral formation (rotating squares) #spiral

show FPS hide FPS share fullscreen

New_Core

remix of d/20460 by u/pavel

function u(t) {

with(x)for(c.width|=i=226;i--;beginPath(fill()),fillStyle=R(T,i),T=(65-65**S(t+i)))for(j=6;j--;)lineTo(T*S(q=j*1.05)+i%38*59,T*C(q)+i%12*99)

Nov 4 2020 7:02 PM UTC

}// 140/140

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

well... almost

u/pavel

-12 chars with(x)for(c.width|=i=226;i--;beginPath(fill()),fillStyle=R(T,i))for(j=6;j--;)arc(i%38*59,i%12*99,T=65-65**S(t+i),q=j*1.05+11,q)

show FPS hide FPS share fullscreen

tscotn

function u(t) {

b=255
for(i=0;i<c.width/20;i++) {
x.fillStyle=R(b,Math.random()*b,Math.random()*b,.1)
x.fillRect(0,Math.random()*c.height,1920,1080)
}

Nov 7 2020 2:02 AM UTC

}// 134/140

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

Sunset Vibes

show FPS hide FPS share fullscreen

sabre_sabyata

remix of d/7429 by u/p01

function u(t) {

for(c.width=i=210;i-=1/8;x.fillRect(99+(i-99)*C(t)+S(i)*r,S(i/67+S(t)/2)*75+C(i)*r,9,9))r=50*T(i/70-6),x.fillStyle=R(a=r*(9-C(i*3)**9),a*.3)

Nov 7 2020 1:30 AM UTC

}// 140/140

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

obliterated belated halloween banana

show FPS hide FPS share fullscreen

sabre_sabyata

function u(t) {

x.fillStyle = R(S(t)*255, S(t)*255, C(t)*255)
for(i=0;i<9999;i++)
x.fillRect(i/5,T(i/5)*S(t)*50+540, 9, 2)

Nov 7 2020 1:16 AM UTC

}// 106/140

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

My wife's favourite colours 💙💛

u/Xen

welcome to the dwitter family