1. Creating Greenfoot Backgrounds

2. GIMP: GIMP: is a software graphics editor is a software graphics editor is similar to Adobe Photoshop – but FREE. is similar to Adobe Photoshop – but FREE. stands for: stands for: G – GNU (GNU’s Not Unix) G – GNU (GNU’s Not Unix) I – Image I – Image M – Manipulation M – Manipulation P – Program P – Program runs on Windows, Apple OS, and Linux. runs on Windows, Apple OS, and Linux. can be downloaded at: can be downloaded at: http://www.gimp.org/

3. Please watch the online videos to see the: Please watch the online videos to see the: 1. Demo: Creating a Road 1. Demo: Creating a Roadand 2. Activity: Creating Outer Space 2. Activity: Creating Outer Space

4. Once you have created your background you are ready to insert it into Greenfoot. Once you have created your background you are ready to insert it into Greenfoot. 1. Create A New Scenario In Greenfoot. 1. Create A New Scenario In Greenfoot.

5. 2. Create Your World Class 2. Create Your World Class Right-Click on World Right-Click on World Select “New Subclass” Select “New Subclass” Give your subclass a name. Give your subclass a name. Click “OK” Click “OK”

6. 3. Make the image file available. 3. Make the image file available. Using Windows Explorer, open the folder for you Greenfoot scenario. Using Windows Explorer, open the folder for you Greenfoot scenario. Find the “images” folder. Find the “images” folder. Copy your JPEG image into that “images” folder Copy your JPEG image into that “images” folder This folder is where we will save all of our images. This folder is where we will save all of our images.

7. 4. Set the image in Greenfoot: 4. Set the image in Greenfoot: Go back into Greenfoot Go back into Greenfoot Right-click on your World sub-class that you created. Right-click on your World sub-class that you created. Select “Set image” Select “Set image” Select your image file and click “Okay” Select your image file and click “Okay”

8. 5. Your image should appear as the background for the World! 5. Your image should appear as the background for the World! But notice how the size is not correct. We have to fix that! But notice how the size is not correct. We have to fix that!

9. 6. Double-click the World sub-class that you created to edit it. 6. Double-click the World sub-class that you created to edit it. The default World size in the constructor is: The default World size in the constructor is: super(20, 20, 10); Change the settings so that they match the width and height of your image (in pixels). For example, if your world is 500 pixels wide by 400 pixels high, you would set the size to: Change the settings so that they match the width and height of your image (in pixels). For example, if your world is 500 pixels wide by 400 pixels high, you would set the size to: super(500, 400, 1);// 1 is for the height and width of one cell in Greenfoot. super(500, 400, 1);// 1 is for the height and width of one cell in Greenfoot.

10. 7. We are finished setting the background! 7. We are finished setting the background!