Module 4 Build a Game

Size: px
Start display at page:

Download "Module 4 Build a Game"

Transcription

1 Module 4 Build a Game Game On 2 Game Instructions 3 Exercises 12 Look at Me 13 Exercises 15 I Can t Hear You! 17 Exercise 20 End of Module Quiz Lero

2 Game On Design a Game When you start a programming project it is a good idea to brainstorm away from the computer. Lets start with a simple computer game. It has 2 characters and a backdrop. Fill in the worksheet to get inspiration and ideas for your game. Read through the design features carefully to understand how to play the game before you get it working in Scratch. 1. Description of your Good Guy Character 2. Description of your Bad Guy Character 3. Description of the Backdrop you would like to use for your game 4. Game controls. Describe a special action that you can program for the spacebar key (E.g. jump, make Sprite disappear). Key Used Up Arrow Down Arrow Left Arrow Right Arrow Space Bar Movement Move Up Move Down Move Left Move Right 2 Scratch Workbook

3 Game Instructions 1. Start by introducing the 2 characters to the game. It is useful to give your sprites meaningful names. 2. Add a backdrop to the game. Don t forget to use the ideas from your design on the previous page Module 4 3

4 3. Select the Good Guy in the sprite selection area. 4. Program the Good Guy to move using the arrow keys. 5. Program the Bad Guy to move randomly. 4 Scratch Workbook

5 6. We want something to happen in our game when the Good Guy touches the Bad Guy. To trigger this we need to use a conditional statement called an if statement. As the Good Guy will be impacted when the collision occurs we will select the Good Guy and add a script for him. 7. Add a conditional statement that causes a reaction when the Good Guy senses the Bad Guy touching him. Module 4 5

6 8. Program the behaviour that occurs when the 2 characters touch. See a possible set of behaviours below. 9. We are going to create a variable to store a value that changes during the game. This variable tracks the number of lives remaining for the Good Guy. 6 Scratch Workbook

7 10. It is time to include the variable in the Good Guy script. When the game is started the number of lives will be set (initialised) to 5. A conditional statement was used to track every time the Bad Guy touches the Good Guy. Include a line in this script to decrease the number of lives by one when the sprites collide. 11. Next program the Good Guy to broadcast a message saying Game Over if the number of lives is equal to zero. Module 4 7

8 12. Program both sprites to disappear when the Game Over broadcast message is received. 13. Program the backdrop of the stage to change when the Game Over broadcast message is received. 8 Scratch Workbook

9 14. Test out the game by running it until the game is over. Does anything strange happen when the green flag is clicked again to restart the game? We need to program the Good Guy and Bad Guy to reappear when the green flag is clicked using the show command. The backdrop needs to be reset too. Module 4 9

10 15. You will now change what the Good Guy says when he touches the Bad Guy. He will say something different or random each time. To do this we will use Lists, which can be found under the Data blocks category in Scratch. 16. To add to the list, click on the + button at the bottom left of the list. The length will increase by one each time you add to the list, as shown. Add 4 things the Good Guy will say when touched by the Bad Guy. 10 Scratch Workbook

11 17. Next program the Good Guy sprite to say any of the items on the Things to say list, if he is touching the Bad Guy sprite. 18. If you do not wish the list monitor to be visible on stage you can uncheck the box next to Things to say as shown in the following image. Module 4 11

12 Exercises Testing is very important to ensure the game is working correctly. Run the tests outlined below to test the functionality of your game. Game Feature Bad Guy moves randomly so the Good Guy can t guess where he is going. The Good Guy starts the game with 5 lives. If the Good Guy is touching Bad Guy then the Good Guy loses a life. If the Good Guy s lives become equal to zero the game stops and a Game Over backdrop appears. When the Game restarts the background is reset and the lives are initialised back to 5. Working? Improvements. Describe what improvements you would make to the game Create version 2 of the game that has the new features below included. Enhance the Good Guy functionality by including a costume change when moving in different directions. When the spacebar key is hit make the Good Guy character jump up in the air. Alter the random movement of the Bad Guy to make the speed and motion appear as realistic as possible. Develop a scoring system for the game and a way of winning or losing at the end of the game. Introduce levels to the game. The speed and movement of the Bad Guy increases as the levels progress. Add a list of things for the Bad Guy to say if touching the Good Guy. 12 Scratch Workbook

13 Look at Me 1 Computer screens are divided up into a grid of small dots called pixels. The word pixel is a derived from picture element. On a black and white screen, each pixel is either black or white. As computers can only really store numbers there needs to be a way that a computer can understand how to use a set of numbers stored in a file in a way to display them as an image on the screen. This shows a picture of a letter a that has been magnified so that the dots are visible. When a computer stores the picture, all that it needs to store is which dots are black and which are white. The first line consists of one white pixel, then three black, then one white. Thus the first line is represented as 1, 3, 1. Note: The first number always relates to the number of white pixels. If the first pixel is black the line will begin with a zero. Now that you understand how a basic black and white image is stored think about the amount of data required to store an image with thousands of different colour combinations. 1 Based on Computer Science Unplugged Activity 02 Image Representation Module 4 13

14 We are going to examine compression, which decreases the file size of images so they can be stored and transmitted more efficiently. Compression involves minimizing the size in bytes of a graphics file or image file. Three common file compression formats used for images are JPEG, GIF and PNG. JPEG The Joint Photographic Experts Group works best for: Compressing high-quality images such as photographs and detailed artwork, without sacrificing quality. Handling subtle shading and colour blends more efficiently. GIF The Graphics Interchange Format works best for Images with solid areas of colour Line drawings or logos Transparency effect Animation PNG The Portable Network Graphics works best for Open Source, no licence required by developers, unlike GIFs. Widely supported by the Web. Will never completely replace GIF, as it does not support animation. Scratch and Graphics Scratch accepts the following file formats for images or photos: JPG, BMP (Bitmap image files are not compressed), PNG, and GIF (including animated GIF). 14 Scratch Workbook

15 Exercises Use the instructions below to draw three pictures in the boxes below. Use the numbers to colour in the squares for each picture. There is a row of numbers for each line in the pictures. For example the line 4, 9, 2, 1 means you leave 4 squares empty, colour in the next 9, leave 2 empty and colour in the next 1. Remember 0 at the start means there are no white pixels at the start of the line. This means the line will start with black pixels. Module 4 15

16 Now that you know how numbers can represent pictures, why not make your own coded picture for a friend. Draw your pictures in the grids and when you have finished, write the code numbers beside the grids. You do not have to use the whole grid. Just leave some blank lines at the bottom if your picture does not take up the whole grid. 16 Scratch Workbook

17 I Can t Hear You! Sound formats in Scratch Scratch can read MP3 files and uncompressed WAV, AIF, and AU files. Just like images, sounds can also be compressed to make them smaller in size. MP3 files are an example of this. So what s it all about?... Uncompressed sound files: AIF files Gold standard of audio files, Highest-of-high-quality uncompressed audio that you can save on a disc. AIF files sound great, but files are huge. WAV file, or waveform audio file Known as simply.wav after its extension. A common type of sound file. Can also be quite large. AU file An audio file typically created on a Sun Microsystems or Unix-based machine. Not that common and quite large. Compressed sounds - MP3 MP3 files contain music and other audio. They are popular because they compress music down to a very small size while maintaining quality. Files are small, making MP3s ideal for ipods and for the internet. And now over to you Go to the website All sounds are in mp3 or wav formats suitable for use in Scratch. Choose a sound effect you would like to add to your project in Scratch by following instructions on the next page. Module 4 17

18 Using Scratch with a sound that you have downloaded to your computer Here is a sample script that you could use for this sound 18 Scratch Workbook

19 Using Scratch to record your own sounds It is easy to give your sou Module 4 19

20 Exercise Add sound effects to the game that you made earlier in this module. You could include background music for the game, sound effects when the Good Guy touches the Bad Guy and when the game is over. End of Module Quiz The first step of creating a new game is A. Design B. Test C. Debug D. Program What will happen when the Ghost touches a cactus in the script shown below 20 Scratch Workbook

21 A feature in Scratch that sends a message to all sprites, then continues with the next block without waiting for the triggered scripts is known as A. Wait B. Broadcast C. If D. When Which one of the images below matches the output when the script is run on the list below? Decreasing the file size of images so they can be stored and transmitted more efficiently is known as A. Depression B. Compression C. Pixilation D. Reduction What is the most suitable format for storing a high quality photographic image A. GIF B. JPEG C. PNG D. TIFF Which one of these audio file formats is most suitable for use in Scratch A. AIF B. AU C. MP3 D. MPEG Module 4 21

abc 3 def. 4 ghi 5 jkl 6 mno. Computers Rule the World

abc 3 def. 4 ghi 5 jkl 6 mno. Computers Rule the World Computers Rule the World Computers, Internet websites, calculators and mp3 players simply would not function without software. Thousands of lines of code are required for your modern mobile phone or games

More information

In this project, you will create a memory game where you have to memorise and repeat a sequence of random colours!

In this project, you will create a memory game where you have to memorise and repeat a sequence of random colours! Memory Introduction In this project, you will create a memory game where you have to memorise and repeat a sequence of random colours! Step 1: Random colours First, let s create a character that can change

More information

In this project you ll learn how to create a times table quiz, in which you have to get as many answers correct as you can in 30 seconds.

In this project you ll learn how to create a times table quiz, in which you have to get as many answers correct as you can in 30 seconds. Brain Game Introduction In this project you ll learn how to create a times table quiz, in which you have to get as many answers correct as you can in 30 seconds. Step 1: Creating questions Let s start

More information

Create Your Own World

Create Your Own World Create Your Own World Introduction In this project you ll learn how to create your own open world adventure game. Step 1: Coding your player Let s start by creating a player that can move around your world.

More information

In this project we ll make our own version of the highly popular mobile game Flappy Bird. This project requires Scratch 2.0.

In this project we ll make our own version of the highly popular mobile game Flappy Bird. This project requires Scratch 2.0. Flappy Parrot Introduction In this project we ll make our own version of the highly popular mobile game Flappy Bird. This project requires Scratch 2.0. Press the space bar to flap and try to navigate through

More information

LECTURE 03 BITMAP IMAGE FORMATS

LECTURE 03 BITMAP IMAGE FORMATS MULTIMEDIA TECHNOLOGIES LECTURE 03 BITMAP IMAGE FORMATS IMRAN IHSAN ASSISTANT PROFESSOR IMAGE FORMATS To store an image, the image is represented in a two dimensional matrix of pixels. Information about

More information

In this project you ll learn how to create a platform game, in which you have to dodge the moving balls and reach the end of the level.

In this project you ll learn how to create a platform game, in which you have to dodge the moving balls and reach the end of the level. Dodgeball Introduction In this project you ll learn how to create a platform game, in which you have to dodge the moving balls and reach the end of the level. Step 1: Character movement Let s start by

More information

Flappy Parrot Level 2

Flappy Parrot Level 2 Flappy Parrot Level 2 These projects are for use outside the UK only. More information is available on our website at http://www.codeclub.org.uk/. This coursework is developed in the open on GitHub, https://github.com/codeclub/

More information

Memory. Introduction. Scratch. In this project, you will create a memory game where you have to memorise and repeat a sequence of random colours!

Memory. Introduction. Scratch. In this project, you will create a memory game where you have to memorise and repeat a sequence of random colours! Scratch 2 Memory All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your club. Introduction

More information

Clone Wars. Introduction. Scratch. In this project you ll learn how to create a game in which you have to save the Earth from space monsters.

Clone Wars. Introduction. Scratch. In this project you ll learn how to create a game in which you have to save the Earth from space monsters. Scratch 2 Clone Wars All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your club. Introduction

More information

1. Describe how a graphic would be stored in memory using a bit-mapped graphics package.

1. Describe how a graphic would be stored in memory using a bit-mapped graphics package. HIGHER COMPUTING COMPUTER SYSTEMS DATA REPRESENTATION GRAPHICS SUCCESS CRITERIA I can describe the bit map method of graphic representation using examples of colour or greyscale bit maps. I can describe

More information

Scratch for Beginners Workbook

Scratch for Beginners Workbook for Beginners Workbook In this workshop you will be using a software called, a drag-anddrop style software you can use to build your own games. You can learn fundamental programming principles without

More information

Specific structure or arrangement of data code stored as a computer file.

Specific structure or arrangement of data code stored as a computer file. FILE FORMAT Specific structure or arrangement of data code stored as a computer file. A file format tells the computer how to display, print, process, and save the data. It is dictated by the application

More information

In this project you ll learn how to create a game in which you have to save the Earth from space monsters.

In this project you ll learn how to create a game in which you have to save the Earth from space monsters. Clone Wars Introduction In this project you ll learn how to create a game in which you have to save the Earth from space monsters. Step 1: Making a Spaceship Let s make a spaceship that will defend the

More information

Lesson 8 Tic-Tac-Toe (Noughts and Crosses)

Lesson 8 Tic-Tac-Toe (Noughts and Crosses) Lesson Game requirements: There will need to be nine sprites each with three costumes (blank, cross, circle). There needs to be a sprite to show who has won. There will need to be a variable used for switching

More information

Introduction to Photography

Introduction to Photography Topic 11 - Bits & Bytes Learning Outcomes You will have a much better understanding of the basic units of digital photography. Bits & Bytes A Bit is the basic unit on a computer, which can be 0/1, off/

More information

Brain Game. Introduction. Scratch

Brain Game. Introduction. Scratch Scratch 2 Brain Game All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your club. Introduction

More information

Project 1: Game of Bricks

Project 1: Game of Bricks Project 1: Game of Bricks Game Description This is a game you play with a ball and a flat paddle. A number of bricks are lined up at the top of the screen. As the ball bounces up and down you use the paddle

More information

INTRODUCTION TO COMPUTER GRAPHICS

INTRODUCTION TO COMPUTER GRAPHICS INTRODUCTION TO COMPUTER GRAPHICS ITC 31012: GRAPHICAL DESIGN APPLICATIONS AJM HASMY hasmie@gmail.com WHAT CAN PS DO? - PHOTOSHOPPING CREATING IMAGE Custom icons, buttons, lines, balls or text art web

More information

Pong Game. Intermediate. LPo v1

Pong Game. Intermediate. LPo v1 Pong Game Intermediate LPo v1 Programming a Computer Game This tutorial will show you how to make a simple computer game using Scratch. You will use the up and down arrows to control a gun. The space bar

More information

TEST INFORMATION: 40 questions 50 minutes 70% minimum required to pass. Score is based on a 1000 pt system so passing will be a 700.

TEST INFORMATION: 40 questions 50 minutes 70% minimum required to pass. Score is based on a 1000 pt system so passing will be a 700. ADOBE CERTIFIED ASSOCIATE WORKSHOP!! (PHOTOSHOP WORKSHOP (PHOTOSHOP CS6) TEST INFORMATION: 40 questions 50 minutes 70% minimum required to pass Score is based on a 1000 pt system so passing will be a 700.

More information

15110 Principles of Computing, Carnegie Mellon University

15110 Principles of Computing, Carnegie Mellon University 1 Overview Human sensory systems and digital representations Digitizing images Digitizing sounds Video 2 HUMAN SENSORY SYSTEMS 3 Human limitations Range only certain pitches and loudnesses can be heard

More information

Create a game in which you have to guide a parrot through scrolling pipes to score points.

Create a game in which you have to guide a parrot through scrolling pipes to score points. Raspberry Pi Projects Flappy Parrot Introduction Create a game in which you have to guide a parrot through scrolling pipes to score points. What you will make Click the green ag to start the game. Press

More information

4/9/2015. Simple Graphics and Image Processing. Simple Graphics. Overview of Turtle Graphics (continued) Overview of Turtle Graphics

4/9/2015. Simple Graphics and Image Processing. Simple Graphics. Overview of Turtle Graphics (continued) Overview of Turtle Graphics Simple Graphics and Image Processing The Plan For Today Website Updates Intro to Python Quiz Corrections Missing Assignments Graphics and Images Simple Graphics Turtle Graphics Image Processing Assignment

More information

Ghostbusters. Level. Introduction:

Ghostbusters. Level. Introduction: Introduction: This project is like the game Whack-a-Mole. You get points for hitting the ghosts that appear on the screen. The aim is to get as many points as possible in 30 seconds! Save Your Project

More information

MOTION GRAPHICS BITE 3623

MOTION GRAPHICS BITE 3623 MOTION GRAPHICS BITE 3623 DR. SITI NURUL MAHFUZAH MOHAMAD FTMK, UTEM Lecture 1: Introduction to Graphics Learn critical graphics concepts. 1 Bitmap (Raster) vs. Vector Graphics 2 Software Bitmap Images

More information

Introduction to Turtle Art

Introduction to Turtle Art Introduction to Turtle Art The Turtle Art interface has three basic menu options: New: Creates a new Turtle Art project Open: Allows you to open a Turtle Art project which has been saved onto the computer

More information

CONCEPTS EXPLAINED CONCEPTS (IN ORDER)

CONCEPTS EXPLAINED CONCEPTS (IN ORDER) CONCEPTS EXPLAINED This reference is a companion to the Tutorials for the purpose of providing deeper explanations of concepts related to game designing and building. This reference will be updated with

More information

PENGENALAN TEKNIK TELEKOMUNIKASI CLO

PENGENALAN TEKNIK TELEKOMUNIKASI CLO PENGENALAN TEKNIK TELEKOMUNIKASI CLO : 4 Digital Image Faculty of Electrical Engineering BANDUNG, 2017 What is a Digital Image A digital image is a representation of a two-dimensional image as a finite

More information

For all question related to Photoshop that we cannot address in class, start by looking at the excellent Photoshop help: Help > Photoshop Help.

For all question related to Photoshop that we cannot address in class, start by looking at the excellent Photoshop help: Help > Photoshop Help. AD23300 Electronic Media Studio Prof. Fabian Winkler Fall 2013 Adobe Photoshop CS6 For all question related to Photoshop that we cannot address in class, start by looking at the excellent Photoshop help:

More information

15110 Principles of Computing, Carnegie Mellon University

15110 Principles of Computing, Carnegie Mellon University 1 Last Time Data Compression Information and redundancy Huffman Codes ALOHA Fixed Width: 0001 0110 1001 0011 0001 20 bits Huffman Code: 10 0000 010 0001 10 15 bits 2 Overview Human sensory systems and

More information

HTTP transaction with Graphics HTML file + two graphics files

HTTP transaction with Graphics HTML file + two graphics files HTTP transaction with Graphics HTML file + two graphics files Graphics are grids of Pixels (Picture Elements) Each pixel is exactly one color. At normal screen resolution you can't tell they are square.

More information

Factors to Consider When Choosing a File Type

Factors to Consider When Choosing a File Type Factors to Consider When Choosing a File Type Compression Since image files can be quite large, many formats employ some form of compression, the process of making the file size smaller by altering or

More information

Starting from LEARNER NOTES edited version. An Introduction to Computing Science by Jeremy Scott

Starting from LEARNER NOTES edited version. An Introduction to Computing Science by Jeremy Scott Starting from 2013 edited version An Introduction to Computing Science by Jeremy Scott LEARNER NOTES 4: Get the picture? 3: A Mazing Game This lesson will cover Game creation Collision detection Introduction

More information

Indexed Color. A browser may support only a certain number of specific colors, creating a palette from which to choose

Indexed Color. A browser may support only a certain number of specific colors, creating a palette from which to choose Indexed Color A browser may support only a certain number of specific colors, creating a palette from which to choose Figure 3.11 The Netscape color palette 1 QUIZ How many bits are needed to represent

More information

Developing Multimedia Assets using Fireworks and Flash

Developing Multimedia Assets using Fireworks and Flash HO-2: IMAGE FORMATS Introduction As you will already have observed from browsing the web, it is possible to add a wide range of graphics to web pages, including: logos, animations, still photographs, roll-over

More information

Graphics for Web. Desain Web Sistem Informasi PTIIK UB

Graphics for Web. Desain Web Sistem Informasi PTIIK UB Graphics for Web Desain Web Sistem Informasi PTIIK UB Pixels The computer stores and displays pixels, or picture elements. A pixel is the smallest addressable part of the computer screen. A pixel is stored

More information

Photoshop CS6. Table of Contents. Image Formats! 3. GIF (Graphics Interchange Format)! 3. JPEG or JPG (Joint Photographic Experts Group)!

Photoshop CS6. Table of Contents. Image Formats! 3. GIF (Graphics Interchange Format)! 3. JPEG or JPG (Joint Photographic Experts Group)! Photoshop CS6 Table of Contents Image Formats! 3 GIF (Graphics Interchange Format)! 3 JPEG or JPG (Joint Photographic Experts Group)! 3 PNG (Portable Network Graphics)! 3 Pixels! 3 Resolution! 3 Creating

More information

Digital Images. Digital Images. Digital Images fall into two main categories

Digital Images. Digital Images. Digital Images fall into two main categories Digital Images Digital Images Scanned or digitally captured image Image created on computer using graphics software Digital Images fall into two main categories Vector Graphics Raster (Bitmap) Graphics

More information

Add in a new ghost sprite, and a suitable stage backdrop.

Add in a new ghost sprite, and a suitable stage backdrop. Ghostbusters Introduction You are going to make a ghost-catching game! Step 1: Animating a ghost Activity Checklist Start a new Scratch project, and delete the cat sprite so that your project is empty.

More information

Creating Computer Games

Creating Computer Games By the end of this task I should know how to... 1) import graphics (background and sprites) into Scratch 2) make sprites move around the stage 3) create a scoring system using a variable. Creating Computer

More information

Programming with Scratch

Programming with Scratch Programming with Scratch A step-by-step guide, linked to the English National Curriculum, for primary school teachers Revision 3.0 (Summer 2018) Revised for release of Scratch 3.0, including: - updated

More information

Activity. Image Representation

Activity. Image Representation Activity Image Representation Summary Images are everywhere on computers. Some are obvious, like photos on web pages, but others are more subtle: a font is really a collection of images of characters,

More information

You are going to learn how to create a game in which a helicopter scores points by watering flowers in the city.

You are going to learn how to create a game in which a helicopter scores points by watering flowers in the city. Green Your City Introduction You are going to learn how to create a game in which a helicopter scores points by watering flowers in the city. Step 1: Helicopter Let s code your helicopter to move across

More information

Create a Simple Game in Scratch

Create a Simple Game in Scratch Create a Simple Game in Scratch Based on a presentation by Barb Ericson Georgia Tech June 2009 Learn about Goals event handling simple sequential execution loops variables conditionals parallel execution

More information

In this project you ll learn how to create a game, in which you have to match up coloured dots with the correct part of the controller.

In this project you ll learn how to create a game, in which you have to match up coloured dots with the correct part of the controller. Catch the Dots Introduction In this project you ll learn how to create a game, in which you have to match up coloured dots with the correct part of the controller. Step 1: Creating a controller Let s start

More information

Working with Photos. Lesson 7 / Draft 20 Sept 2003

Working with Photos. Lesson 7 / Draft 20 Sept 2003 Lesson 7 / Draft 20 Sept 2003 Working with Photos Flash allows you to import various types of images, and it distinguishes between two types: vector and bitmap. Photographs are always bitmaps. An image

More information

Lesson 2 Game Basics

Lesson 2 Game Basics Lesson What you will learn: how to edit the stage using the Paint Editor facility within Scratch how to make the sprite react to different colours how to import a new sprite from the ones available within

More information

Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl. Kinect2Scratch Workbook

Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl. Kinect2Scratch Workbook Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl Workbook Scratch is a drag and drop programming environment created by MIT. It contains colour coordinated code blocks that allow a user to build up instructions

More information

Bitmap Vs Vector Graphics Web-safe Colours Image compression Web graphics formats Anti-aliasing Dithering & Banding Image issues for the Web

Bitmap Vs Vector Graphics Web-safe Colours Image compression Web graphics formats Anti-aliasing Dithering & Banding Image issues for the Web Bitmap Vs Vector Graphics Web-safe Colours Image compression Web graphics formats Anti-aliasing Dithering & Banding Image issues for the Web Bitmap Vector (*Refer to Textbook Page 175 file formats) Bitmap

More information

Whack-a-Witch. Level. Activity Checklist Follow these INSTRUCTIONS one by one. Test Your Project Click on the green flag to TEST your code

Whack-a-Witch. Level. Activity Checklist Follow these INSTRUCTIONS one by one. Test Your Project Click on the green flag to TEST your code Introduction: This project is like the game Whack-a-Mole. You get points for hitting the witches that appear on the screen. The aim is to get as many points as possible in 30 seconds! Activity Checklist

More information

raw format format for capturing maximum continuous-tone color information. It preserves all information when photograph was taken.

raw format format for capturing maximum continuous-tone color information. It preserves all information when photograph was taken. raw format format for capturing maximum continuous-tone color information. It preserves all information when photograph was taken. psd files (photoshop default) layered photoshop continuous-tone (photograph)

More information

VACUUM MARAUDERS V1.0

VACUUM MARAUDERS V1.0 VACUUM MARAUDERS V1.0 2008 PAUL KNICKERBOCKER FOR LANE COMMUNITY COLLEGE In this game we will learn the basics of the Game Maker Interface and implement a very basic action game similar to Space Invaders.

More information

The BIOS in many personal computers stores the date and time in BCD. M-Mushtaq Hussain

The BIOS in many personal computers stores the date and time in BCD. M-Mushtaq Hussain Practical applications of BCD The BIOS in many personal computers stores the date and time in BCD Images How data for a bitmapped image is encoded? A bitmap images take the form of an array, where the

More information

Create Your Own World

Create Your Own World Scratch 2 Create Your Own World All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your

More information

Fish Chomp. Level. Activity Checklist Follow these INSTRUCTIONS one by one. Test Your Project Click on the green flag to TEST your code

Fish Chomp. Level. Activity Checklist Follow these INSTRUCTIONS one by one. Test Your Project Click on the green flag to TEST your code GRADING RUBRIC Introduction: We re going to make a game! Guide the large Hungry Fish and try to eat all the prey that are swimming around. Activity Checklist Follow these INSTRUCTIONS one by one Click

More information

Alright! I can feel my limbs again! Magic star web! The Dark Wizard? Who are you again? Nice work! You ve broken the Dark Wizard s spell!

Alright! I can feel my limbs again! Magic star web! The Dark Wizard? Who are you again? Nice work! You ve broken the Dark Wizard s spell! Entering Space Magic star web! Alright! I can feel my limbs again! sh WhoO The Dark Wizard? Nice work! You ve broken the Dark Wizard s spell! My name is Gobo. I m a cosmic defender! That solar flare destroyed

More information

Programming I (mblock)

Programming I (mblock) http://www.plk83.edu.hk/cy/mblock Contents 1. Introduction (Page 1) 2. What is Scratch? (Page 1) 3. What is mblock? (Page 2) 4. Learn Scratch (Page 3) 5. Elementary Lessons (Page 3) 6. Supplementary Lessons

More information

COMPUTING CURRICULUM TOOLKIT

COMPUTING CURRICULUM TOOLKIT COMPUTING CURRICULUM TOOLKIT Pong Tutorial Beginners Guide to Fusion 2.5 Learn the basics of Logic and Loops Use Graphics Library to add existing Objects to a game Add Scores and Lives to a game Use Collisions

More information

More Actions: A Galaxy of Possibilities

More Actions: A Galaxy of Possibilities CHAPTER 3 More Actions: A Galaxy of Possibilities We hope you enjoyed making Evil Clutches and that it gave you a sense of how easy Game Maker is to use. However, you can achieve so much with a bit more

More information

Star Defender. Section 1

Star Defender. Section 1 Star Defender Section 1 For the first full Construct 2 game, you're going to create a space shooter game called Star Defender. In this game, you'll create a space ship that will be able to destroy the

More information

Let s start by making a pencil, that can be used to draw on the stage.

Let s start by making a pencil, that can be used to draw on the stage. Paint Box Introduction In this project, you will be making your own paint program! Step 1: Making a pencil Let s start by making a pencil, that can be used to draw on the stage. Activity Checklist Start

More information

Using Adobe Photoshop

Using Adobe Photoshop Using Adobe Photoshop 1-1 - Advantages of Digital Imaging Until the 70s, using computers for images was unheard of outside academic circles. As general purpose computers have become faster with more capabilities,

More information

Part II: Number Guessing Game Part 2. Lab Guessing Game version 2.0

Part II: Number Guessing Game Part 2. Lab Guessing Game version 2.0 Part II: Number Guessing Game Part 2 Lab Guessing Game version 2.0 The Number Guessing Game that just created had you utilize IF statements and random number generators. This week, you will expand upon

More information

Byte = More common: 8 bits = 1 byte Abbreviation:

Byte = More common: 8 bits = 1 byte Abbreviation: Text, Images, Video and Sound ASCII-7 In the early days, a was used, with of 0 s and 1 s, enough for a typical keyboard. The standard was developed by (American Standard Code for Information Interchange)

More information

A. creating clones. Skills Training 5

A. creating clones. Skills Training 5 A. creating clones 1. clone Bubbles In many projects you see multiple copies of a single sprite: bubbles in a fish tank, clouds of smoke, rockets, bullets, flocks of birds or of sheep, players on a soccer

More information

Step 1 : Earth and Mars Orbit the Sun

Step 1 : Earth and Mars Orbit the Sun Introduction In this session you are going to learn how to programme an animation which simulates how and when spaceships are able to fly from Earth to Mars. When we send spaceships to Mars we use a Hohmann

More information

B.Digital graphics. Color Models. Image Data. RGB (the additive color model) CYMK (the subtractive color model)

B.Digital graphics. Color Models. Image Data. RGB (the additive color model) CYMK (the subtractive color model) Image Data Color Models RGB (the additive color model) CYMK (the subtractive color model) Pixel Data Color Depth Every pixel is assigned to one specific color. The amount of data stored for every pixel,

More information

Understanding Image Formats And When to Use Them

Understanding Image Formats And When to Use Them Understanding Image Formats And When to Use Them Are you familiar with the extensions after your images? There are so many image formats that it s so easy to get confused! File extensions like.jpeg,.bmp,.gif,

More information

Bitmap Image Formats

Bitmap Image Formats LECTURE 5 Bitmap Image Formats CS 5513 Multimedia Systems Spring 2009 Imran Ihsan Principal Design Consultant OPUSVII www.opuseven.com Faculty of Engineering & Applied Sciences 1. Image Formats To store

More information

The Beauty and Joy of Computing Lab Exercise 10: Shall we play a game? Objectives. Background (Pre-Lab Reading)

The Beauty and Joy of Computing Lab Exercise 10: Shall we play a game? Objectives. Background (Pre-Lab Reading) The Beauty and Joy of Computing Lab Exercise 10: Shall we play a game? [Note: This lab isn t as complete as the others we have done in this class. There are no self-assessment questions and no post-lab

More information

my bank account number and sort code the bank account number and sort code for the cheque paid in the amount of the cheque.

my bank account number and sort code the bank account number and sort code for the cheque paid in the amount of the cheque. Data and information What do we mean by data? The term "data" means raw facts and figures - usually a series of values produced as a result of an event or transaction. For example, if I buy an item in

More information

UNIT 7C Data Representation: Images and Sound

UNIT 7C Data Representation: Images and Sound UNIT 7C Data Representation: Images and Sound 1 Pixels An image is stored in a computer as a sequence of pixels, picture elements. 2 1 Resolution The resolution of an image is the number of pixels used

More information

Module 1 Getting Started

Module 1 Getting Started Module 1 Getting Started Computers Rule the World 2 Say Hello to Scratch 3 Using Scratch 4 Exercises 5 Playing with Pictures 7 Exercises 8 Tell me what to do 9 Exercises 10 Playing With Music 12 Exercises

More information

CISC 1600, Lab 2.2: More games in Scratch

CISC 1600, Lab 2.2: More games in Scratch CISC 1600, Lab 2.2: More games in Scratch Prof Michael Mandel Introduction Today we will be starting to make a game in Scratch, which ultimately will become your submission for Project 3. This lab contains

More information

Applying mathematics to digital image processing using a spreadsheet

Applying mathematics to digital image processing using a spreadsheet Jeff Waldock Applying mathematics to digital image processing using a spreadsheet Jeff Waldock Department of Engineering and Mathematics Sheffield Hallam University j.waldock@shu.ac.uk Introduction When

More information

AIM OF THE GAME GLACIER RACE. Glacier Race. Ben Gems: 20. Laura Gems: 13

AIM OF THE GAME GLACIER RACE. Glacier Race. Ben Gems: 20. Laura Gems: 13 Glacier Race 166 GLACIER RACE How to build Glacier Race Glacier Race is a two-player game in which you race up the screen, swerving around obstacles and collecting gems as you go. There s no finish line

More information

Fundamentals of Multimedia

Fundamentals of Multimedia Fundamentals of Multimedia Lecture 2 Graphics & Image Data Representation Mahmoud El-Gayyar elgayyar@ci.suez.edu.eg Outline Black & white imags 1 bit images 8-bit gray-level images Image histogram Dithering

More information

1. Using Images on Web Pages 2. Image Formats 3. Bitmap Image Formats

1. Using Images on Web Pages 2. Image Formats 3. Bitmap Image Formats CMPT 165 INTRODUCTION TO THE INTERNET AND THE WORLD WIDE WEB By Hassan S. Shavarani UNIT5: GRAPHICS 1 TOPICS 1. Using Images on Web Pages 2. Image Formats 3. Bitmap Image Formats 2 THE TAG EXAMPLE

More information

LECTURE 02 IMAGE AND GRAPHICS

LECTURE 02 IMAGE AND GRAPHICS MULTIMEDIA TECHNOLOGIES LECTURE 02 IMAGE AND GRAPHICS IMRAN IHSAN ASSISTANT PROFESSOR THE NATURE OF DIGITAL IMAGES An image is a spatial representation of an object, a two dimensional or three-dimensional

More information

Lesson 1 Getting Started. 1. What are the different ways you interact with computers?

Lesson 1 Getting Started. 1. What are the different ways you interact with computers? Lesson 1 Getting Started Introducing Scratch 1. What are the different ways you interact with computers? 2. How many of these ways involve being creative with computers? 3. Write down the types of project

More information

CS101 Lecture 12: Digital Images. What You ll Learn Today

CS101 Lecture 12: Digital Images. What You ll Learn Today CS101 Lecture 12: Digital Images Sampling and Quantizing Using bits to Represent Colors and Images Aaron Stevens (azs@bu.edu) 20 February 2013 What You ll Learn Today What is digital information? How to

More information

BE SURE TO COMPLETE HYPOTHESIS STATEMENTS FOR EACH STAGE. ( ) DO NOT USE THE TEST BUTTON IN THIS ACTIVITY UNTIL THE END!

BE SURE TO COMPLETE HYPOTHESIS STATEMENTS FOR EACH STAGE. ( ) DO NOT USE THE TEST BUTTON IN THIS ACTIVITY UNTIL THE END! Lazarus: Stages 3 & 4 In the world that we live in, we are a subject to the laws of physics. The law of gravity brings objects down to earth. Actions have equal and opposite reactions. Some objects have

More information

In the following sections, if you are using a Mac, then in the instructions below, replace the words Ctrl Key with the Command (Cmd) Key.

In the following sections, if you are using a Mac, then in the instructions below, replace the words Ctrl Key with the Command (Cmd) Key. Mac Vs PC In the following sections, if you are using a Mac, then in the instructions below, replace the words Ctrl Key with the Command (Cmd) Key. Zoom in, Zoom Out and Pan You can use the magnifying

More information

Photoshop: a Beginner s course. by: Charina Ong Centre for Development of Teaching and Learning National University of Singapore

Photoshop: a Beginner s course. by: Charina Ong Centre for Development of Teaching and Learning National University of Singapore Photoshop: a Beginner s course by: Charina Ong Centre for Development of Teaching and Learning National University of Singapore Table of Contents About the Workshop... 1 Prerequisites... 1 Workshop Objectives...

More information

Digital photo sizes and file formats

Digital photo sizes and file formats Digital photo sizes and file formats What the size means pixels, bytes & dpi How colour affects size File formats and sizes - compression Why you might need to change the size How to change size For Tynemouth

More information

Raster (Bitmap) Graphic File Formats & Standards

Raster (Bitmap) Graphic File Formats & Standards Raster (Bitmap) Graphic File Formats & Standards Contents Raster (Bitmap) Images Digital Or Printed Images Resolution Colour Depth Alpha Channel Palettes Antialiasing Compression Colour Models RGB Colour

More information

GAME PROGRAMMING & DESIGN LAB 1 Egg Catcher - a simple SCRATCH game

GAME PROGRAMMING & DESIGN LAB 1 Egg Catcher - a simple SCRATCH game I. BACKGROUND 1.Introduction: GAME PROGRAMMING & DESIGN LAB 1 Egg Catcher - a simple SCRATCH game We have talked about the programming languages and discussed popular programming paradigms. We discussed

More information

Elements of Design. Basic Concepts

Elements of Design. Basic Concepts Elements of Design Basic Concepts Elements of Design The four elements of design are as follows: Color Line Shape Texture Elements of Design Color: Helps to identify objects Helps understand things Helps

More information

Game Making Workshop on Scratch

Game Making Workshop on Scratch CODING Game Making Workshop on Scratch Learning Outcomes In this project, students create a simple game using Scratch. They key learning outcomes are: Video games are made from pictures and step-by-step

More information

Overview. The Game Idea

Overview. The Game Idea Page 1 of 19 Overview Even though GameMaker:Studio is easy to use, getting the hang of it can be a bit difficult at first, especially if you have had no prior experience of programming. This tutorial is

More information

STEP-BY-STEP THINGS TO TRY FINISHED? START HERE NEW TO SCRATCH? CREATE YOUR FIRST SCRATCH PROJECT!

STEP-BY-STEP THINGS TO TRY FINISHED? START HERE NEW TO SCRATCH? CREATE YOUR FIRST SCRATCH PROJECT! STEP-BY-STEP NEW TO SCRATCH? CREATE YOUR FIRST SCRATCH PROJECT! In this activity, you will follow the Step-by- Step Intro in the Tips Window to create a dancing cat in Scratch. Once you have completed

More information

Tutorial: Creating maze games

Tutorial: Creating maze games Tutorial: Creating maze games Copyright 2003, Mark Overmars Last changed: March 22, 2003 (finished) Uses: version 5.0, advanced mode Level: Beginner Even though Game Maker is really simple to use and creating

More information

UNIT 7C Data Representation: Images and Sound Principles of Computing, Carnegie Mellon University CORTINA/GUNA

UNIT 7C Data Representation: Images and Sound Principles of Computing, Carnegie Mellon University CORTINA/GUNA UNIT 7C Data Representation: Images and Sound Carnegie Mellon University CORTINA/GUNA 1 Announcements Pa6 is available now 2 Pixels An image is stored in a computer as a sequence of pixels, picture elements.

More information

Ada Lovelace Computing Level 3 Scratch Project ROAD RACER

Ada Lovelace Computing Level 3 Scratch Project ROAD RACER Ada Lovelace Computing Level 3 Scratch Project ROAD RACER ANALYSIS (what will your program do) For my project I will create a game in Scratch called Road Racer. The object of the game is to control a car

More information

Photoshop Elements Week 1 - Photoshop Elements Work Environment

Photoshop Elements Week 1 - Photoshop Elements Work Environment Menu Bar Just like any computer program, you have several dropdown menus to work with. Explore them all! But, most importantly remember to SAVE! Photoshop Elements Toolbox (with keyboard shortcut) Photoshop

More information

Next Back Save Project Save Project Save your Story

Next Back Save Project Save Project Save your Story What is Photo Story? Photo Story is Microsoft s solution to digital storytelling in 5 easy steps. For those who want to create a basic multimedia movie without having to learn advanced video editing, Photo

More information

The next table shows the suitability of each format to particular applications.

The next table shows the suitability of each format to particular applications. What are suitable file formats to use? The four most common file formats used are: TIF - Tagged Image File Format, uncompressed and compressed formats PNG - Portable Network Graphics, standardized compression

More information

Pong! The oldest commercially available game in history

Pong! The oldest commercially available game in history Pong! The oldest commercially available game in history Resources created from the video tutorials provided by David Phillips on http://www.teach-ict.com Stage 1 Before you start to script the game you

More information

U-MARQ Universal Engraving. Bitmap Function. Chapter 12 Bitmaps. Bitmap Menu. Insert Bitmap

U-MARQ Universal Engraving. Bitmap Function. Chapter 12 Bitmaps. Bitmap Menu. Insert Bitmap U-MARQ Universal Engraving Bitmap Function The GEM-RX supports the new and unique U-MARQ Picture Engraving (this is an optional extra and has to be purchased separately), This Dialogue box is not available

More information