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

mrfoogles

remix of d/22336 by u/mrfoogles

function u(t) {

w=c.width=1920
x.globalCompositeOperation='xor'
x.translate(w/2,w/3)
for(i=0;i<10000;i++)x.fillRect(S(t+i)*w/4,C(t-i)*w/4,100,100)

Apr 2 2021 9:43 PM UTC

}// 130/140

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

Stretchy band

show FPS hide FPS share fullscreen

mrfoogles

remix of d/22336 by u/mrfoogles

function u(t) {

w=c.width=1920
x.globalCompositeOperation='xor'
x.translate(w/2,w/3)
for(i=0;i<10000;i++)x.fillRect(S(t+i)*w/4,C(t-i)*w/4,100,100)

Apr 2 2021 9:43 PM UTC

}// 130/140

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

Stretchy band

show FPS hide FPS share fullscreen

contone

function u(t) {

for(n=i=99;i>-n;i--)x.fillRect(X=1e3+i*10,(p=n*S(6.2*i))+455+n*S(i)**.6,10,n),x.fillRect(X,p+630,10,c=710)
x.font=`3cm"`
x.fillText(`🐓`,c,c)

Apr 1 2021 8:23 PM UTC

}// 140/140

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

chicken valley

show FPS hide FPS share fullscreen

magna

function u(t) {

c.width|=0
for(i=9;i--;){x.fillRect(400+i*100+S(t)*300,400,50,200);for(j=9;j--;)x.clearRect(415+i*100+S(t)*300,460+j*10+S(t*2+i)*30,20,5)}

Mar 30 2021 1:00 AM UTC

}// 138/140

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

Defaultception #default

u/BackendForth

Pins and tumblers in a cylinder lock
u/veubeke

We need to go deeper :D
u/ciaccodavide

ahahah, nice!
u/tomxor

#yodawg

show FPS hide FPS share 1 remix fullscreen

Xen

function u(t) {

t||x.fillRect(0,0,Z=2e3,Z)
for(i=Z;i--;x.fillRect(i,400+t*99+C(i/193+t-S(-t))*98,9,5))x.fillStyle=R(79-C(i^t*i)*39-(z=t*9),69-z,z)

Apr 1 2021 6:31 PM UTC

}// 130/140

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

simple mountain test

u/magna

test passed

show FPS hide FPS share 3 remixes fullscreen

taupelink

remix of d/22174 by u/taupelink

function u(t) {

for(i=800;--i;x.fillRect(960+9*X*C(Y),9*X*S(Y),w=i/2**t,w))f=i*t,X=f*f%200,Y=X*f%4,x.fillStyle=R(q=i*S(C(X**.5+Y)*9),q%C(X/4)*i,i*C(X+q),.1)

Mar 29 2021 6:17 AM UTC

}// 140/140

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

d/22246

u/magna

WOW
u/sigveseb

#waitforit

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/22302 by u/erin

function u(t) {

for(e=c.width|=i=9,x.globalCompositeOperation='xor',x.fillRect(0,540,e,e);i--;)x.fillRect(400+i*99+S(t)*300,400+C(i+t*4)*19,50,200)

Mar 30 2021 11:17 PM UTC

}// 131/140

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

tiny fix

u/erin

sick!!!
u/erin

i was trying to make it look like it was a wave
u/erin

so if anyone wants to try to make the bottom black part move with the rectangles, please try

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/22298 by u/magna

function u(t) {

f=_=>S(t*3+(Y-18)*(X-32)/99)
for(i=3e3;i--;x.fillRect((X*2+1-v*v)*15,Y*30,v*v*30,30))v=f(X=i%64,Y=i>>6),x.fillStyle=R((v+1)*99,X^Y)

Mar 31 2021 4:44 AM UTC

}// 131/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 3 remixes fullscreen

magna

function u(t) {

f=_=>S(X**2+Y**2+t*4)
for(i=3e3;i--;x.fillRect((X*2+1-v*v)*15,Y*30,v*v*30,30))v=f(X=i%64,Y=i>>6),x.fillStyle=`hsl(0,99%,${(v+1)*50}%`

Mar 30 2021 2:08 AM UTC

}// 133/140

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

Bar renderer

u/magna

Play with function f and return -1..1 to create new patterns
u/erin

awesom
u/erin

awesome*

show FPS hide FPS share fullscreen

Pascal

function u(t) {

for(c.width|=i=2;i--;x.fillRect(860+200*S(a=t*2+i*3.14),440+99*C(a),250,250))c.style.filter=`blur(4vw)contrast(99`,x.fillStyle=R(255*S(t))

Mar 29 2021 9:19 PM UTC

}// 139/140

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

mitosis