In this exercise, you are going to recreate a screenshot from level 1 of the original Super Mario Bros. game with sprites. Click here to watch this level in action! On the left, you see the scene from the game, and on the right, what you need to create with your sprites:
Notes:
Your canvas size should be 480 x 360 pixels.
You’ll see that the starter code includes the mouse coordinates box to help you set your sprites’ X and Y coordinates.
Use an online HEX color picker (remember, Google search “hex color picker”) to find colors that are similar to what you see in the scene.
You can use the noStroke() command after creating your canvas if you want to remove the stroke (ie the border) around the shapes.
Your scene does not need to be exact. Choose the positions, sizes, and colors so that your scene looks like the Mario scene, even if it is not perfect. Success in this activity is to show that you know how to use the sprite properties to create a similar scene.
By default, sprites CANNOT overlap. Adjust the positions of the sprites so that they are close to each other, but not touching. If they are overlapping, you’ll see them move.