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

fervour

function u(t) {

x.fillStyle="#"+Math.floor((S(t)+1)*99)*38;x.fillRect(C(t*6)*10,C(t*9)*10,30,30);x.save();x.scale(1.03,1.03);x.drawImage(c,0,0);x.restore()

Mar 27 2018 8:47 AM UTC

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

remix of d/7410 by u/fujimotos

function u(t) {

for(c.width=i=120;i--;)
z=Math.min(-t+i/4,0),-1,
x.setTransform(a=C(z),b=-S(z),-b,a,80+8*i+-25*t,i/10),
x.fillRect(15,4,-5,-10)

Mar 25 2018 5:13 PM UTC

}// 127/140

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

Stairway to heaven.... And back?! I don't even know anymore :D

u/BalintCsala

I'm pretty sure you can remove the leftover ,-1 from the max

show FPS hide FPS share 4 remixes fullscreen

fujimotos

function u(t) {

for(c.width=i=640;i--;){
z=Math.max(Math.min(-t+i/5,0),-1)
x.setTransform(C(z),-S(z),S(z),C(z),400+40*i+-200*t,250)
x.fillRect(0,0,-25,-80)}

Mar 22 2018 1: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).

Show more comments…
u/lionleaf

https://youtu.be/9hPIobthvHg?t=206
u/fujimotos

Maybe we can add coloring to domino tiles. It'd be a lot cooler.
u/jylikangas

for(c.width=i=250;i--;x.fillStyle=R(i%3*99))x.fillRect(0,0,6,-49,h=(H=i/9-t)<0&&H,x.setTransform(K=C(z=h>-1?h:-1),-S(z),S(z),K,99*(H+2),99))
u/jylikangas

Needs a bit more golfing to get different colors
u/BirdsTweetCodersDweet

d/7466 and d/7467 for some interesting phenomena
u/joeytwiddle

#dominoes
u/micahcowan

#default
u/katkip

#infinite

show FPS hide FPS share fullscreen

onurbiyik

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<4;i++)
x.fillRect(600+i*60+S(t)*300,T(t/5)*20+C(t)*i*200+400,50,200)

Mar 27 2018 6:29 AM 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 fullscreen

magna

remix of d/7457 by u/magna

function u(t) {

c.width=960
for(j=60;j--;)for(i=240;i--;x.fillRect(i*4,j*9,4,9))x.fillStyle=`hsl(${120*i},99%,${(S(i*j+t*9)+1)*25}%`

Mar 25 2018 3:59 PM UTC

}// 116/140

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

#crt

u/magna

#rgb

show FPS hide FPS share fullscreen

DirtyDan

function u(t) {

for(c.width+=i=0;i++<8;x.beginPath())x.lineWidth=66,
x.ellipse(960,540,z=67*i,z*Math.abs(q=C(a=(9-i)*t)),a,0,7)
,x.stroke()

throw q

Mar 22 2018 9:44 PM UTC

}// 132/140

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

Just posting so I can save it for later, not quite what I had in mind.

show FPS hide FPS share fullscreen

BalintCsala

function u(t) {

for(X=99;X--+200;)for(Y=99;Y--+99;)((f=(n,x,y)=>n&&x<2&&y<2&&f(n-1,x*x-y*y+U,2*x*y+V))(99,U=X/99,V=Y/99)===0&&x.fillRect(X+200,Y+99,1,1))

Mar 24 2018 10:13 PM UTC

}// 137/140

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

Mandelbrot set

u/iverjo

#mandelbrot #fractal

show FPS hide FPS share fullscreen

alien

function u(t) {

c.width=w=320
for(i=30;i--;x.stroke())for(j=20;j--;x.fillRect(C(t)*i*5+w/2,S(.1*i*t)*j*5+w/4,2,2)){x.fillStyle=R(i**j,0,C(j*i)*w,w)}

Mar 24 2018 10:01 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

yokljo

function u(t) {

t%7<.1?c.width^=0:h=701
x.fillStyle=`hsl(${t*h},100%,50%)`
for(i=-3;i<2;)x.drawImage(c,++i%2,(i+1)%2)
x.fillRect(T(t*h)*h,S(t*h*h)*h,1,1)

Mar 23 2018 1:31 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 fullscreen

Agnes

function u(t) {

with(x)for(w=c.width=1920,i=500,translate(w/2,540);i--;r=w/i,rotate(T(t/75)),strokeStyle='#'+5*i,strokeRect(m=-r/2,m,r,r));

Mar 25 2018 5:08 PM UTC

}// 123/140

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

(Also looks way better in full screen.)