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

rnbw

function u(t) {

for(c.width^=i=0;i++<45;)for(j=-6;j++<23;x.fillStyle='#ac6'+(4+(i+j)%2*2))x.fillRect((i*(b=99+C(t)*35))+(a=S(t)*600%b)-500,(j*b)+a,d=b*.9,d)

Feb 7 2019 3:57 PM UTC

}// 140/140

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

zooming tiles without transform! doesn't perform very well, though

u/rnbw

(i'm surprised that that hastily-made alpha adjustment worked...)

show FPS hide FPS share fullscreen

vnf

remix of d/12270 by u/katkip

function u(t) {

x.font='50px monospace',r=Math.random;for(j=100;j--;)i=r()*192|0,j=r()*32|0,x.fillText('EVEX'[r()*4|0],30*i,35*j)

Feb 10 2019 3:43 PM UTC

}// 113/140

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

for r/EVEX

u/katkip

um ok

show FPS hide FPS share 1 remix fullscreen

username

remix of d/12252 by u/username

function u(t) {

with(x)for(shadowBlur=i=99;i--;shadowColor=fillStyle=`hsl(${i**(9-t%8)} 99%78%)`)fillRect(960+11*i*C(a=t*i/4),552+11*i*S(a),i,i)

Feb 8 2019 11:43 PM UTC

}// 128/140

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

directions

show FPS hide FPS share 1 remix fullscreen

ds0

remix of d/12186 by u/ds0

function u(t) {

c.width|=r=540
for(i=r;i--;){Y=r-(2*i)
W=(2*(r**2-Y**2)**.45)
x.fillStyle=R(255*S(t+111*i))
x.fillRect(960-(W/2)+.8*r*S(t+111*i),540-Y,W,3)}

Feb 6 2019 3:00 AM UTC

}// 140/140

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

Red Visitor

u/katkip

??
u/Galaxtone

He keeps swapping

show FPS hide FPS share fullscreen

Xen

remix of d/12249 by u/pavel

function u(t) {

for(c.width|=p=6.3,x.scale(9,9),i=99;j=i--*p/(t|0);x.arc(107+45*C(A=j-t/4+i*p/12),60+45*S(A),9,a=(t+j)%p,a));x.stroke()

Feb 8 2019 9:33 PM UTC

}// 119/140

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

Donuts collide the scope!! x

u/katkip

the fourth one is awesome!

show FPS hide FPS share fullscreen

katkip

remix of d/12270 by u/katkip

function u(t) {

r=Math.random;for(k=(1+r()*99)|0;k--;)i=r()*192|0,j=r()*108|0,x.fillStyle=R(r()*256,r()*256,r()*256),x.fillRect(10*i,10*j,r()*11,r()*11)

Feb 10 2019 11:31 AM UTC

}// 136/140

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

More randomer #random randomness (i mean more parameters)

show FPS hide FPS share fullscreen

pavel

remix of d/12245 by u/katkip

function u(t) {

f=p=>x.beginPath([X,Y,r]=p,q=[[X,Y-r,h=r/2],[X-r,Y+h,h],[X+r,Y+h,h]])|q.map(o=>x.lineTo(...o))|x.fill()|h>9&&q.map(f)
f([960,700,350])

Feb 8 2019 7:52 PM UTC

}// 134/140

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

u/katkip

Interesting technique.

show FPS hide FPS share fullscreen

username

remix of d/12216 by u/cantelope

function u(t) {

for(c.width=w=2e3,i=99;i--;x.font=h+'px q',x.fillText(`.`,w-(t*(w+h)/5)%3e3,i**7%w+S(i+t*3)*i*3))x.fillStyle=`hsl(${(h=i*i)+t*99} 67%83%`

Feb 8 2019 4:35 PM UTC

}// 137/140

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

uncompressed

show FPS hide FPS share 2 remixes fullscreen

23_Skidoo

remix of d/12192 by u/23_Skidoo

function u(t) {

for(s=24,t/=48,d=360,i=4e3;i--;f=C(X/d+t*8)*S(Y/d)+t,x.fillStyle=`hsla(${S(f/2)*d},66%,${40+S(f*f*99)*s}%`)x.fillRect(X=i%81*s,Y=i/81*s,s,s)

Feb 6 2019 5:53 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/katkip

Nice pattern
u/joeytwiddle

#colors

show FPS hide FPS share fullscreen

due

remix of d/12249 by u/pavel

function u(t) {

for(c.width|=p=2*Math.PI,x.scale(9,9),i=13;j=i--*p/6;x.arc(107+45*C(A=j*1.5-t/4),60+45*S(A),14,a=(t+j)%p,a));x.stroke()

Feb 9 2019 9:46 PM UTC

}// 119/140

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

Slightly shorter