Dweets awesomed by u/SpilledMilk

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: #ScaryMovies

show FPS hide FPS share fullscreen

SpilledMilk

function u(t) {

f=()=>Math.random();
x.fillRect(0,0,2e3,2e3);
for(i=0;i<100;i++){for(j=0;j<10;j++){x.clearRect(20*i,100+S(t+i*50+j)*50+j*100,10,10);}}

Jan 31 2019 8:31 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/akm

watching this is incredibly satisfying

show FPS hide FPS share 1 remix fullscreen

SpilledMilk

function u(t) {

for(i=10;i>0;i--){for(j=10*i;j>0;j--){
  x.fillStyle=R(0,0,i*30)
  x.fillRect(960-25*i+C(t+j)*j*20*i,540-25*i-T(t+j)*j*20*i,50*i,50*i)}}

Jan 31 2019 7:23 PM UTC

}// 136/140

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

Flow

u/thorbear

Mesmerising
u/f8f82804

Incredible #d3 illusion

show FPS hide FPS share fullscreen

SpilledMilk

function u(t) {

x.translate(960,540);
for(i=50;i>=0;i--){x.fillStyle=R(0,i*5,0);x.rotate(.01+i);x.fillRect(25*i*S(t),25*i,100,100)}
x.translate(-960,-540)

Jan 31 2019 7:03 PM UTC

}// 138/140

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

Pit of Snakes

show FPS hide FPS share fullscreen

SpilledMilk

function u(t) {

for(i=50;i>=0;i--){x.fillStyle=R(i*6,i*6,i*6,1);x.fillRect(920-(25*i)+C(t*2)*10*i,500-(25*i)+S(t*2)*10*i,50*i,50*i)}

Jan 31 2019 4:22 PM UTC

}// 116/140

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

simple tunnle

show FPS hide FPS share fullscreen

SpilledMilk

remix of d/12020 by u/SpilledMilk

function u(t) {

x.fillRect(0,0,2e3,2e3);for(i=10;i>0;i--){x.fillStyle=R(100,0,t*20*i%255,1);x.fillRect(960,550,C(t*i)*110*i,S(t*i)*110*i)}

Jan 31 2019 3:40 PM UTC

}// 122/140

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

much better

show FPS hide FPS share 2 remixes fullscreen

SpilledMilk

function u(t) {

for(i=10;i>0;i--){x.fillStyle=R(100,0,t*20*i%255,1);x.fillRect(960,550,C(t*i)*110*i,S(t*i)*110*i)}

Jan 31 2019 3:25 PM UTC

}// 98/140

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

flashing image warning

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/12000 by u/yokljo

function u(t) {

for(c.width|=j=20;j--;)for(g=j*120,i=99;i--;)x.fillRect(i?g+i/30*S(1e3/i-t*8+j*j*400)*i/2:g,i?i*5+600:0,120+60*S(j*j*(t|1)),i?5:600)

Jan 31 2019 6:22 AM UTC

}// 132/140

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

A little remix of yokljo's city river

Show more comments…
u/katkip

Huh nice
u/joeytwiddle

Scrolling instead of switching: for(c.width|=j=15+t|0;j-->t;)for(g=(j-t)*180,i=99;i--;)x.fillRect(i?g+i*S(1e3/i-t*8+j**3):g,600+!!i*i*5,-99-80*S(j*j),i?3:-600)
u/username

What is this supposed to be? I only see black squiggly lines..
u/joeytwiddle

I think it's supposed to be buildings reflect in water. for(c.width|=j=20+t|0;j-->t;)for(g=(j-t)*120,i=W=99;i--;)x.fillRect(i?g+i*i/70*S(1e3/i-t*8+j**3):g,500+!!i*i*4,-W-80*S(j*j),i?3:-300-W*S(j))
u/donbright

oh my god
u/joeytwiddle

Please give u/yokljo an upvote. I only tweaked their idea! #water #waves
u/Tekmap

👏👏👏
u/vain

cool fx

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/11965 by u/pavel

function u(t) {

for(x.fillRect(0,0,i=3e3,i);Q=S(--i*i);x.clearRect(960+150*(S(b)*4+S(i+t)*Q),540+150*(C(i*i)-(t%4>2?T(b+t):S(b+t))),4,4))b=i%6+t+(t%2>1?0:i)

Jan 28 2019 2:40 PM UTC

}// 140/140

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

Torus, spheres, flow and bubbles

Show more comments…
u/rnbw

now THIS is a demo!
u/katkip

Yeah he win
u/13thptr

woah
u/joeytwiddle

Superb! Golf the end with i*(t%2>1) or i*!(t&1)
u/rodrigo.siqueira

Thanks @joeytwiddle for the golf trick. i*(t&1) also works and it's even shorter. And I found that t%4>2?... can be converted to t&2?... It works as a counter to change the function each 2 seconds.
u/yonatan

Also, since T and S take the same arguments (t%4>2?T(b+t):S(b+t)) can be (t&2?T:S)(b+t)
u/lionleaf

Wow! Now we're talking
u/vain

Wow, three fx in this tiny code? Great!

show FPS hide FPS share 1 remix fullscreen

firegodjr

remix of d/9768 by u/firegodjr

function u(t) {

x.font='3em x'
for(m=j=32;j--;)for(i=63;i--;)x.fillText('◢◣◤◥'[Math.random()*4|0],i*m,j*m),x.fillStyle=R(b=(t*m+(i^(t*m-j)))%99*2)

Jan 26 2019 8:01 PM UTC

}// 130/140

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

Fractal Burn

u/joeytwiddle

Noisy triangles remind me of this: https://twitter.com/BalintCsala/status/99216…

show FPS hide FPS share 2 remixes fullscreen

f8f82804

remix of d/11919 by u/mxfh

function u(t) {

for(c.width|=i=384;i--;x.fillRect(960-w/2+e,4*i,w+e,4)){y=i/80-2;w=y>.7?3e3:(1-y*y)**.5*640;e=T(t/9+i*w);x.fillStyle=`hsl(${-y}rad 99%50%)`}

Jan 24 2019 8:12 PM UTC

}// 140/140

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

#minimal #outrun #glitch #sunset

u/f8f82804

d/11931
u/pavel

Omitting the space in 99%50% does not work in Safari, everything is black.
u/f8f82804

yeah safari stinks
u/f8f82804

try "for(c.width|=i=384;i--;x.fillRect(960-w/2+e,4*i,w+e,4))y=i/80-2,w=y>.7?3e3:(1-y*y)**.5*640,e=T(t/9+i*w),x.fillStyle=hsl(${-y}rad 99% 50%)" which should work and is still <140
u/bekfast2390

easrdfghj

You've reached the end.

dwitter.net | SpilledMilk (185)