Upcoming SlideShare
×

# 4.1 playing with shapes

1,102 views

Published on

Published in: Entertainment & Humor, Design
0 Likes
Statistics
Notes
• Full Name
Comment goes here.

Are you sure you want to Yes No
• Be the first to comment

• Be the first to like this

Views
Total views
1,102
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
13
0
Likes
0
Embeds 0
No embeds

No notes for slide
• ### 4.1 playing with shapes

1. 1. Microsoft® Small Basic<br />Playing with Shapes<br />Estimated time to complete this lesson: 1 hour<br />
2. 2. Playing with Shapes<br />In this lesson, you will learn about:<br />Creating games with the help of shapes.<br />Using various properties and operations of the Shapes object to create game elements.<br />
3. 3. Fun with Shapes <br />Let’s start with a very simple game that you can create with the help of the Shapes object in Small Basic.<br />So far, you’ve learned about drawing various shapes with the help of the Shapes object in the graphics window. Now it’s time to have some fun with shapes…<br />Do you know you can play with shapes and create games? As you know, the Shapes object provides various operations that allow you to draw, color, rotate, and animate shapes in the graphics window. Now you will learn how you can use different shapes to make games.<br />
4. 4. Balancing the Ball – The Game<br />In this simple game, you balance the ball on a seesaw in the graphics window. <br />The game tests a person’s responsiveness. The timer displays the amount of time that the user keeps the ball balanced on the seesaw.<br />Notice how you can use different shapes available with the Shapes object to create colorful elements for the game.<br />
5. 5. Balancing the Ball – How to Play<br />So how do you play this game?<br />Steps to play the game:<br /><ul><li>First, you need to drop the ball on the seesaw by pressing the ENTER key on the keyboard.
6. 6. After the ball is dropped, you use the LEFT ARROW and the RIGHT ARROW to balance the ball on the seesaw and avoid dropping it.</li></li></ul><li>Balancing the Ball – The Code<br />Now let’s understand the code for the game in detail…<br />You use the Graphicswindow object to create a user interface for the game. You use different operations and properties of the Shapes object to add a shape and move it. You also use the Turtle object and set its speed as well as its x- and y-coordinates. You use different conditions for different actions.<br />
7. 7. Hit the Right Shape – The Game<br />Now let’s move on to a more complex game. In this game, you score points by using the mouse to select the correct shape from the shapes displayed on the screen.<br />Again, notice how we are using different types of colorful shapes on the screen by using the Shapes object.<br />The objective of the game is to score points by clicking the correct shape on the screen.<br />
8. 8. Hit the Right Shape – How to Play<br />So how do you play this game?<br />Steps to play the game:<br /><ul><li>Various shapes move across the screen.
9. 9. A shape name is flashed on the screen. The user has to click the shape on the screen that matches the shape name.
10. 10. The user scores points for clicking the correct shape.</li></li></ul><li>Hit the Right Shape – The Code<br />Now let’s understand the code for the game in detail…<br />You use the GraphicsWindow object to create a user interface for the game. You use different operations of the Controls object to add the text box and set the text in the text box. You use the Shapes object to add and move different types of shapes in your game. You also use the Clock object to add a timer in the game. In addition, you set different conditions to carry out different actions.<br />
11. 11. Let’s Summarize…<br />Congratulations! Now you know how to:<br />Create games with the help of shapes. <br />Use various properties and operations of the Shapes object to create game elements.<br />
12. 12. It’s Time to Apply Your Learning…<br />Write a program to display a graphics window, and then perform the following steps:<br /><ul><li>Create a slightly opaque flower in the graphics window by using various shapes.
13. 13. Create a separate panel on the screen containing separate, corresponding shapes that have been used to create the flower.
14. 14. Select the shapes on the panel one by one and map the shape to its position in the flower.</li>