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

camel_case

function u(t) {

t<.1&&(L={96:1})
l={...L}
L={}
for(i=1;i<192;i++){
L[i]=l[i-1]^l[i+1]
x.fillStyle=l[i]?"#000":"#fff"
x.fillRect(i*9,t*600-50,9,9)
}

Mar 11 2018 9:25 PM UTC

}// 131/140

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

Elementary Cellular Automaton rule 30

show FPS hide FPS share fullscreen

romancortes

function u(t) {

for(k=i=480;i--;)for(x.fillStyle=R(f=k/(i-t*9)),y=9;f>0&-9<y--;)for(X=9;-9<X--;)(X*X^9+i%5)&&X*X+y*y<30||x.fillRect(k/f*9+X*f+960,y*f+k,f,f)

Mar 9 2018 11: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).

u/magna

Neat!
u/jylikangas

Good memories from years back. :) Good to see you here!
u/aleamb

wow!!
u/iverjo

#tunnel

show FPS hide FPS share fullscreen

blimp

function u(t) {

d=900
for(c.width+=i=0;i<d;){X=S(i)
Z=C(i)
B=(Z*C(t+1.5)+X*S(t+1.5))/d*4.8
x.fillRect(d-(X*C(t)+Z*S(t+5))/B*2,d+C(5*i++)/B,.09/B,0.02/B)}

Mar 12 2018 8:58 AM UTC

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

aemkei

remix of d/7277 by u/aemkei

function u(t) {

x.font="3em A"
x.fillText("ᴀscıı♥",1,40)
d=x.getImageData(t*3,Y=t*120%82,2,1).data
x.fillText("k+ "[!d[3]+!d[7]],t*42,Y*22)

Mar 11 2018 12:07 AM UTC

}// 123/140

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

ASCII Art

u/aemkei

Now with 3 chars: Xo= d/7285

show FPS hide FPS share 2 remixes fullscreen

lionleaf

remix of d/7272 by u/Batrachus

function u(t) {

d=700
for(c.width+=i=0;i<d;){X=S(99*i)
Z=C(55*i)
B=(4-Z*C(t)+X*S(t))/d
x.fillRect(d+(X*C(t)+Z*S(t))/B,d+C(99*i++)/B,.03/B,.03/B)}

Mar 10 2018 11:14 PM UTC

}// 129/140

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

Simple remix. Changing to C(99*i++) surprisingly made it a cylinder!

show FPS hide FPS share 1 remix fullscreen

prplz

remix of d/7213 by u/prplz

function u(t) {

A=S(t),B=C(t)
for(c.width|=X=64;X--;)for(q=Y=32;Y--;((i*B-j*A)^(j*B+i*A))&8&&x.fillRect(X*q,Y*q,q,q))i=X*A-q*B,j=Y*A

Mar 9 2018 12:41 AM UTC

}// 116/140

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

pixelly is better than fuzzy any day!

u/magna

Reminds me of a scene from Intrinsic Gravity. I actually want to do a Dwitter demake of the entire demo, using multiple dweets stitched together. Made a few screens as separate dweets a while back.
u/iverjo

Nice rotozoom :) So much better than mine
u/iverjo

#rotozoom

show FPS hide FPS share fullscreen

Xen

function u(t) {

t?x.fillText(x.fillStyle=`hsla(${t*99},99%,40%,.05)`,-24,6):c.width=9

Mar 9 2018 9:12 PM UTC

}// 69/140

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

i move like water i go with the flow

u/iverjo

Clever!
u/Xen

thanks :-)

show FPS hide FPS share fullscreen

sawaxon

function u(t) {

c.width|=0;r=T(t)*99;for(i=0;i<140;i++)for(j=0;j<7;j++,x.fillStyle='hsl('+S(i)*99+',99%,50%)')x.fillRect(960+r*C(i)*S(t+j+i),540+r*S(i),7,9)

Mar 10 2018 1:24 PM UTC

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

robbyg

function u(t) {

w=1920,h=1080,X=16,Y=9,z=255;x.drawImage(c,0,0,w,h,-X,-Y,w+X*2,h+Y*2),x.fillStyle=R(S(t*Y)*z,C(t)*z,T(t)*z),x.arc(w/2,h/2,20,0,7),x.fill()

Mar 12 2018 8:16 PM UTC

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

BirdsTweetCodersDweet

function u(t) {

for(i=0;i<99;i++)
with(x)
beginPath(),
arc(960,540,S(t)*i*5,0,7)
x.fill()
x.globalCompositeOperation='xor'

Mar 11 2018 8:07 PM UTC

}// 106/140

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

Some fun with xor