not that exciting, would been nicer if … by New_Core

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.

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

t?c.width|=0:d=a=1;a<0?a=0:a-=.1;d<5?a=20:0;x.ellipse(960,840-(d=Math.abs(500*S(t))),a*S(t*9)+200,a*C(t*9)+200,0,0,7);x.fill();

May 21 2017 3:45 PM UTC

}// 127/140

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

not that exciting, would been nicer if it went bouncing on the walls also ;)

Show more comments…
u/donbright

maybe something like this?: t?c.width=199:(ẏ=a=ẋ=1,y=X=12);y+=ẏ+=.12;ẏ*=y>99?a=-1:1;X+=ẋ*=X>179|X<12?-1:1;a*=.98;x.ellipse(X,y,4*a*C(ẏ)+9,4*a*S(ẏ)+9,0,0,7);x.fill()
u/New_Core

was thinking like this (but this is to long) t?c.width|=0:e=f=d=a=1;a<0?a=0:a-=.2;d<5?a=20:0;b>1700?(f-=5,a=20):0;b<200?(f+=5,a=20):0;e+=f;x.ellipse(b=960+e,840-(d=Math.abs(500*S(t))),a*S(t*9)+200,a*C(t*9)+200,0,0,7);x.fill();
u/New_Core

(noticed b was not defined.. put b= infront e in start)
u/joeytwiddle

A lot of chars for a little change: t?c.width|=0:d=a=y=F=T=0;l=t-T+.087;y+=9*a;a-=.01;y<-28?(F||(F=T=t),l=.087+(t-T)/2,y=-28,b=40,l>.43?(a=1,y=28,F=0,T+=(t-T)/2):u):b=20*a+20;h=-b*S(l*9);x.ellipse(960,840-y-(y>0?0:h),200+b*S(l*9),200+h,0,0,7);x.fill()
u/donbright

lol @joeytwiddle it looks like it's sentient doing jumping jacks
u/joeytwiddle

#bounce
u/joeytwiddle

20 months later, I got it bouncing off the walls, but not wobbling, in the remix


      u(t) is called 60 times per second.
      t: elapsed time in seconds.
      c: A 1920x1080 canvas.
      x: A 2D context for that canvas.
      S: Math.sin
      C: Math.cos
      T: Math.tan
      R: Generates rgba-strings, ex.: R(255, 255, 255, 0.5)

dwitter.net