S2JS - Making Sprites move : Multiple things falling

In Scratch, if we wanted to make something else fall as well, we'd have to make another sprite.

Javascript doesn't have sprites. If you want another rectangle falling, just draw another rectangle.

Try adding more shapes, changing their position, changing the speed.

Can you make one rectangle be slightly ahead of the other?

(Hint: instead of drawing the rectangle at 'y_pos', you'd draw one of them at 'y_pos+30' or some other amount)

<HTML> <head> <title> My new Web Page </title> </head> <body> <canvas id=myCanvas width=300 height=300 style="background-color: pink;"> </canvas> <script> var ctx = myCanvas.getContext("2d"); var y_pos = 0; function MyTimer () { ctx.clearRect(0, 0, myCanvas.width, myCanvas.height); y_pos = y_pos + 1; ctx.strokeRect(60, y_pos, 60, 60); ctx.fillRect(180, y_pos, 60, 60); } setInterval(MyTimer, 40); </script> </body> </html>