Programming Computer Games Game Design

Starter Y-axis X-axis (0, 0) (x,y) What is the position of the: 1)Star 2)Square 3)Triangle 4)Rectangle 5)Cat -180

Learning Objectives – Remember the coordinates system in Scratch. – Learn how to program a scrolling background. – Understand how Scrolling Backgrounds work. Success Criteria Level4/5 – To code a scrolling background with support. – To briefly describe how the scrolling background code works. Level6/7 – To code a scrolling background mostly from own knowledge. – To explain fully and in detail how the scrolling background code works. Literacy – Key Words Sprite A programmable object Scrolling Background The illusion that the screen is panning / moving across the ground Coordinates Two numbers to identify the position of an object

Learning Habits / Skills Required Independence - Working effectively alone Avoid Distractions - and sustain concentration Capitalising - Using resources purposefully Perseverance - Overcoming frustration and difficulty Reasoning – Thinking rigorously, methodically and giving explanations.

Hands up if you remember what the coordinates system is in Scratch?

Starter Y-axis X-axis (0, 0) (x,y) What is the position of the: 1)Star (-240,180) 2)Square (240, -180) 3)Triangle (-240, 0) 4)Rectangle (0, -180) 5)Cat (0,0) -180

Hands up if you remember what the coordinates system is in Scratch?

Project Aim You will design and create a computer game… …but unlike previously we will learn how to program a scrolling background. …and here is one I made earlier!

Programming Scrolling Backgrounds

Hands up if you know how to program “Scrolling Backgrounds”?

Scrolling Backgrounds… The Theory

A scrolling background is simply two sprites which move to the left. They are positioned next to each other. As soon as a sprite goes too far to the left, it is repositioned to the right of the screen. This gives the illusion of a moving background!

Sprite 1Sprite 2

E.T.C!

Y-axis X-axis Remember the Invisible Coordinates Grid? (0, 0) (x,y) How can we move a sprite to the left along the x axis in scratch?

Which is going to help us move along the x axis?

Scrolling Backgrounds… Programming!

Create a new sprite. Zoom out as far as you can. Paint your ‘ground’ at the bottom of the canvas So, now go back and edit the same sprite. At this point scratch will annoyingly centre the sprite… Choose the ‘Select Tool’ and ‘Zoom Out’ again. Finally, drag the sprite down to the bottom of the canvas.

Now repeat the process to create the second sprite.

Place first sprite so that it is centred at the bottom of the screen. Then forever move the sprite to the left (change x by -5). But, if the position of the sprite goes too far to the left (x pos < -450), move back to the right of the screen (x=450) Programming The Scrolling Background Sprites Understanding the Scripts Block

Place first sprite so that it is to the right of the screen. Then forever move the sprite to the left (change x by -5). But, if the position of the sprite goes too far to the left (x pos < -450), move back to the right of the screen (x=450) Understanding the Scripts Block Programming The Scrolling Background Sprites

Hands up if you know how to program “Scrolling Backgrounds”?

Demonstration

Programming Task 1 ’12 Minutes’ Open a new scratch file Use this presentation to program your own scrolling background

Programming Task 2 ’12 Minutes’ Complete the worksheet explaining the code you have created and how the scrolling works.

Assessment Criteria LevelProgramming Skills 7 I can produce the code from my own understanding. I can explain what the code does in detail and in my own words. 6 I can produce the code mostly from my own understanding but use the lesson resources for support. I can explain what the code does in detail and in my own words 5 I can use the resources to help me code the scrolling background I can describe what the code does in my own words 4 I can copy the code to produce the scrolling background I struggle to describe how it works in my own words

Learning Habits / Skills Required Independence - Working effectively alone Avoid Distractions - and sustain concentration Capitalising - Using resources purposefully Perseverance - Overcoming frustration and difficulty Reasoning – Thinking rigorously, methodically and giving explanations.

Programming Task 3 ’12 Minutes’ Design / Paint a flying object which you will control in your game (we will program this next lesson) Design / Paint the ‘stationary’ background to make your game look more interesting.