Cityscape! At 170 chars I had it moving… by 5Mixer

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

5Mixer

function u(t) {

w=c.width=2e3
o=0
while(o++<9){l=r=o
x.fillStyle="#"+o*22
q=t*o
while(l<w+q){r=(r*9e2)%23e4
s=r/(w*99)*70
x.fillRect(l-q,w/2-s*9,s,r)
l+=s}}

Feb 25 2017 5:26 AM UTC

}// 140/140

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

Cityscape! At 170 chars I had it moving quickly, and with much, much better randomisation. To see the paralax work, multiply q=t*o by 10. I would have loved to have had a little car emoji too, but oh well, I'm still new. I've spent way too long trying to shorten this lol.

u/SpecialAgent

You can remove the brackets around r=(r*9e2) to gain an extra two characters, since both * and % fall in the same operator precedence group, then q=t*9 works. Good dwit!
u/Renaud___

s=r/(w*99)*70 can be replaced by s=.7*r/w too it seem
u/SpecialAgent

correction, q=t*o*9 works
u/lionleaf

If you change the dweet itself you can post directly and it becomes a remix. Post the moving one!
u/5Mixer

Woah, thanks for the replies guys. I looked for ages and didn't spot those chars :) Remixed it moving faster.


      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