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

show FPS hide FPS share fullscreen

magna

function u(t) {

T.valueOf=Math.random
w=c.width=192
for(i=9;i--;x.drawImage(c,T,h=40+T*20,w,T,5,h,w*T,T))x.fillRect(40+i*10+S(t+T**w)*30,40+T/2,5,20)

Nov 21 2018 6:30 AM UTC

}// 133/140

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

#default #glitch

show FPS hide FPS share fullscreen

katkip

remix of d/11114 by u/New_Core

function u(t) {

for(c.width|=i=274;i--;x.fillRect(0,0,S(t+i*i)*50,C(t-i*i)*50))x.setTransform(a=S(t+i*i),b=C(t+i*i)*C(t-i*i),-b,a,i%23*98,~~(i/23)*98)

Nov 23 2018 8:14 PM UTC

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

veubeke

function u(t) {

c.style.filter=`contrast(.5)brightness(${Math.random()/99+.9})sepia(89%)`
c.width=192
for(i=9;i--;)x.fillRect(40+i*10+S(t)*30,40+t%2,5,20)

Nov 21 2018 12:11 PM UTC

}// 138/140

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

Vintage #default

u/katkip

#old
u/magna

Now combine this with d/2416
u/magna

Needs heavy golfing: c.style.boxShadow=inset 0 ${r=Math.random()*2}px 10em #642;c.style.filter=contrast(.5)brightness(${r/99+.9})sepia(89%;c.width=192+r;for(i=9;i--;x.fillRect(r*90,0,.01,108))x.fillRect(40+i*10+S(t)*30,40,5,20)
u/magna

Partial attempt: d/11106

show FPS hide FPS share fullscreen

anotherkitten

remix of d/11109 by u/pavel

function u(t) {

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

Nov 21 2018 7:30 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 2 remixes fullscreen

ellisk1

remix of d/11012 by u/ellisk1

function u(t) {

for(c.width|=i=3;i--;)x.arc(960,540,450*i*i,3.1,0);x.fill('evenodd');for(j=3e3;j--;)x.fillStyle=R(9,x.fillRect(2e3*S(j*j+t/9),j/2,j,5),j/55)

Nov 18 2018 5:05 PM UTC

}// 140/140

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

Moonrise

u/joeytwiddle

Beautiful!
u/katkip

This is nice! #art #landscape #waves
u/joeytwiddle

Not a #sunset because it's the #moon!