Shall We Learn

  • Increase font size
  • Default font size
  • Decrease font size

Scratch Lesson 11: Mini Mario Game Part II - Sprites

E-mail
In Lesson 11, we will create all necessary sprites for Mini Mario game. Especially, we will focus on Mario and show how to make him walk, jump, and squat.

C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0085.png

 

To view or print this lesson in PDF, click HERE.

First create a new project and name it Mini Mario. Delete the cat sprite. We will create sprites for Mini Mario game in this lesson.

  1. Create Fruit Platter sprite

Name

Look

Script

How to Create

  1. Fruit Platter

-Delicious

None

Import costume from library

Import the Fruit Platter image by clicking C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0061.png then select COSTUMES->THINGS. Scroll to select fruit_platter C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0071.png and click OK to save. Rename the costume as Delicious. Save this sprite as Fruit Platter.


  1. Create Princess sprite

Name

Look

Script

How to Create

  1. Princess

-Surprised

-Happy

-Jump for Joy

1. Import first costume from library

2. Create another costume based on the first costume

3. Create Jumping for Joy script

Import the image from Scratch library by clicking C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0061.png then select COSTUMES->PEOPLE. Scroll to select squaregirl C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0070.png and click OK to save.Rename this costume as Surprised C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0076.png and modify Surprised to become HappyC:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0075.png.

Add a script to keep changing to next costume.

C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0077.png

Save this sprite as Princess.


  1. Create Coin sprite

Name

Look

Script

How to Create

  1. Coin

-Spin1

-Spin2

-Spin3

-Spin

1. Create custom costumes

2. Import sound

3. Add Spin script

Create three costumes:

Spin1C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0072.png, Spin2,C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0073.png and Spin3C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0074.png.

Add a script to create the spinning effect:

C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0078.png

Save this sprite as Coin.



  1. Create Brick Sprite

Name

Look

Script

How to Create

4. Brick

-Regular

-Cracked

-Crushed

1. Create custom costumes

2. Import sound

3. Create Crushed script

Use C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0086.png to create a new Sprite which has two costumes: Regular and Cracked.

C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0088.png

Save this sprite as Brick.


  1. Create Bat Sprite

Name

Look

Script

How to Create

  1. Bat

-Fly1

-Fly2

-Fly

1. Import both costumes from the library

2. Import sounds

3. Add Fly script

Import the image by clicking C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0061.png then select COSTUMES->ANIMALS. Scroll to select C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0068.png andC:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0069.png; save them as Fly1 and Fly2.

Add a script to simulate the wing flapping:

C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0077.png

Save this sprite as Bat.



  1. Create Crab sprite

Name

Look

Script

How to Create

  1. Crab

-Walk1

-Walk2

-Walk

1. Import Walk1 from library

2. Create Walk2 based on Walk1

3. Create Walk script


Import the image from Scratch library by clicking C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0061.png then select COSTUMES->ANIMALS. Scroll to select C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0080.pngandC:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0081.png; save them as Walk1 and Walk2.

Add a script to simulate its claws opening and closing:

C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0077.png.

Save this sprite as Crab.



  1. Create Mario sprite

Name

Look

Script

How to Create

  1. Mario

-Walk1

-Walk2

-Jump Up

-Jump Down

-Squat Down

-Walk

-Jump

-Die

-Grow

-Shrink

1. Create custom costumes

2. Import sounds

3. Create action script blocks



7.1    Create Marios Costumes

Name

Look

  1. Mario

-Walk1

-Walk2

-Jump Up

-Jump Down

-Squat Down



TO CREATE MARIO'S HAT:

C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0002.png=> C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0003.png=> C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0004.png=>C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0005.png=>C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0006.png

You should have all these pieces before moving on.

C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0007.png



TO PUT MARIO’S HEAD TOGETHER:

C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0008.png=>C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0009.png=>C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0010.png=>C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0011.png=>C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0012.png=>C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0013.png=>C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0015.png=>C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0016.png



TO PUT MARIO’S UPPER BODY TOGETHER:

C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0018.pngC:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0020.png=>

Select one armC:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0021.png=>

Trim the topC:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0022.png=>

C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0023.png=>C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0025.png=>C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0026.png=>C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0027.png=>C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0029.png



TO CREATE MARIO’S LOWER BODY:

C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0030.png=>

Select feetC:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0031.png =>

Use Shrink Tool C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0032.pngto shrink the feetC:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0033.png=>

Connect feet to legsC:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0034.png=>

Move feet to connect to the buttC:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0035.png =>

Erase the lineC:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0036.png=>

Fill with the same colorC:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0037.png



TO PUT MARIO’S LOWER BODY WITH THE REST OF HIS BODY

Connect lower body to the upper bodyC:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0038.png=>

Erase linesC:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0039.png=>

Fill with color.C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0040.png



TO ROTATE ONE LEG:

Select a legC:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0041.png=>

Rotate itC:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0042.png=>

Reconnect C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0043.png



TO CREATE COSTUME WALKING2:

Select both legs.C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0044.png=>

Flip it.C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0047.png=>

Reconnect.C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0048.png



Ive also created other costumes: Jumping Up, Jumping Down, and Squat Down.

C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0083.png

Jumping Up

C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0084.png

Jumping Down

C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0085.png

Squat Down


The complete list of Marios costumes is shown below:

C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0082.png





7.2    Create Marios Scripts

Lets create Walk script and Jump Script and add more in Lesson 12,

Name

Script

  1. Mario

-Walk

-Jump



CREATE WALK SCRIPT:

Add a script that makes Mario show up at a starting location when the game starts:

C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0089.png

Add a script that makes Mario move right when the right arrow is clicked:

C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0091.png

Add a script that makes Mario move left when the left arrow is clicked:

C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0090.png

Add a script that makes Mario squat down when the down arrow is clicked:

C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0092.png


CREATE JUMP SCRIPT

Add a script that makes Mario jump up when the up arrow is clicked:

C:\Documents and Settings\u1\My Documents\SnagIt Catalog\Image-0093.png

To view or print this lesson in PDF, click HERE.

To download the finished Scratch source, click HERE.

 

Only registered users can write comments!

!joomlacomment 4.0 Copyright (C) 2009 Compojoom.com . All rights reserved."

Last Updated on Monday, 28 September 2009 10:59  

85px-Scratchcat.svg                       Java               python-logo