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

Xen

remix of d/11113 by u/ersagun

function u(t) {

with(x)for(Z=z=1e3;z--;fillRect(X=C(z+t)*t,X^t,4,3))translate(Z,Z),rotate(.7),scale(.999998,1),translate(-Z,-Z)

Nov 22 2018 10:46 PM UTC

}// 111/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 2 remixes fullscreen

pavel

remix of d/11018 by u/pavel

function u(t) {

t?c.width=innerWidth:a=b=X=Y=0
onmousemove=e=>(X=e.x,Y=e.y)
x.moveTo(a+=C(d=Math.atan2(Y-b,X-a)),b+=S(d))
x.arc(a,b,20,d+t%1,d-t%1)
x.fill()

Nov 21 2018 5:11 AM UTC

}// 140/140

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

Pacman is hungry #interactive

u/pavel

#pacman

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(c.width|=i=18,t=(t/3)%16;i--;)x.rect(535+(i?i-1:~~t)*50,440+!i*200*S(t*Math.PI)**17,i?!~~(t-i+1)^i%2?50:0:100,200);x.fill('evenodd')

Nov 21 2018 5:00 AM UTC

}// 136/140

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

Evenodd #default

show FPS hide FPS share fullscreen

Xen

function u(t) {

c.style.background="linear-gradient(tan,blue)"
for(c.width|=i=9;i--;x.rotate(C(Z)/4e1))x.fillRect(400+i*99+S(Z=t+i)*300,400+C(Z)*99,50,200)

Nov 21 2018 6:14 PM UTC

}// 140/140

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

#default at sea.

show FPS hide FPS share fullscreen

Xen

function u(t) {

c.width=49
for(i=9;i--;)x.fillRect(7+i*4+S(t)*5,9,2,9)

Nov 21 2018 6:03 PM UTC

}// 54/140

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

#default #tiny

show FPS hide FPS share 1 remix fullscreen

vistefan

function u(t) {

eval(unescape(escape`瀽㄰㭡㵴㽡㨹㘰㭯㵴㽯㨵㐰㭤㵴㽤㨰㭶㵸⹧整䥭慧敄慴愨愬漬ㄬㄩ⹤慴慛ㅝ㭸⹦楬汓瑹汥㵶㼧⌰〰✺✣晦昧㭸⹦楬汒散琨愬漬瀬瀩㭤⬽瘿ㄺ㌻搥㴴㭯⬽Ⅴ㼭瀺搽㴲㽰㨰㭡⬽搽㴱㼭瀺搽㴳㽰㨰;`.replace(/u(..)/g,'$1%')));//ant

Nov 22 2018 12:16 AM UTC

}// 138/140

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

🐜 Langton's ant (he is turing-complete :) The idea is to use canvas buffer as data storage. Let's try to implement Game of Life, guys?

u/cantelope

ayy. don't mean to burst your bubble, but... https://www.dwitter.net/h/gameoflife
u/pavel

139: t?x.fillStyle=R(b=255-x.getImageData(X+=D[d%=4],Y+=D[++d%4],1,1).data[0],b,b,d+=b&&2):(X=960,Y=540,d=s=10,D=[0,-s,0,s]);x.fillRect(X,Y,s,s)
u/pavel

Ultimate #waitforit
u/vistefan

u/cantelope aww
u/vistefan

very haxxorz

show FPS hide FPS share fullscreen

pavel

remix of d/11101 by u/pavel

function u(t) {

for(f=i=405;i--;f=x[f?'fillRect':'clearRect'](-1,-1,2,2))x.setTransform(s=32+S((i+(j=i>>5)+t)*Math.PI)*16<<f,0,0,s,i%32*99,j*99),x.rotate(t)

Nov 21 2018 6:39 AM UTC

}// 140/140

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

Dancing Squares #beesandbombs

u/pavel

This one took a lot of golfing. Calling rotate separately actually saves bytes as it avoids the scale definition / multiplication
u/katkip

!

show FPS hide FPS share fullscreen

rnbw

function u(t) {

c.width^=0;x.fillStyle='#ea23';for(i=0;i++<25;){x.setTransform(S(t+i),C(t+i),0.2,0.2,960,500);x.rotate(2);x.fillRect(99,90,5e3,5e3)}

Nov 19 2018 5:10 PM UTC

}// 132/140

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

it's like staring at the sun, but not nearly as blinding

u/rnbw

(this was me just tinkering around with setTransform - it is SO powerful)
u/crunch

wack
u/crunch

wack
u/katkip

cool
u/joeytwiddle

#sun

show FPS hide FPS share fullscreen

katkip

function u(t) {

c.style.background=R(0,99+S(t)*99,128+S(t)*128);x.fillStyle=R(0,128+S(t)*128,0);x.fillRect(0,540,2e2,2);x.drawImage(c,0,0,2200,1090)

Nov 20 2018 6:11 PM UTC

}// 132/140

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

#landscape with day night cycle! #art

u/firegodjr

*windows xp startup noise*
u/katkip

*error sound* Bliss.jpg is corrupted.

show FPS hide FPS share 1 remix fullscreen

OlegSchwann

function u(t) {

a="2🌕9🌖9🌗9🌘2🌑5🌚2🌑9🌒9🌓9🌔2🌕5🌝2🌕"
i=0
for(j=0;j<t*9%72;j+=a[i]*1)i+=3
x.font="900px Georgia"
x.fillText(a[++i]+a[++i],510,850)

Nov 22 2018 11: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).

http://bit.do/moon-with-face