Download presentation
Published byValentine Knight Modified over 9 years ago
1
GAME:IT Junior Pacman To create original sprites To animate sprites
To create directional sprites Objectives:
2
In this lesson, you will learn how to create a sprite of a pacman as seen below.
Before you begin, make sure you are in Advanced Mode
3
1) Click on “create a sprite”
2) Enter the name pac_right 3) Click on Edit Sprite
4
4) Click on File—select New
5
Change the default width and height to 128.
Why? The bigger the numbers the greater the detail you are allowed to create on your sprite.
6
Place your mouse cursor on the image 0 and double click to get into the image editor
Use the magnifying glass to expand the size of your palette
7
Notice: *Writing utensils (including an eraser) *Size of mark (small = detail) *Color selection for mouse (left button—right button) *Opacity: Make sure it is 255
8
Start with a circle and keep practicing until you create a pacman-like image. Once you have the outside created, save as a PNG file to go back to if you make a mistake.
9
To create a “munching” pacman, remove part of circle to creating a mouth.
Next, check the box in the corner to save image
10
You have just created your first sprite. The next instructions
You have just created your first sprite. The next instructions are to animate sprites. You will need to use the copy and paste feature of the edit folder to create a 2nd copy of the pacman. Now—double click on image 1 to edit this sprite.
11
Magnify this sprite and remove more of the mouth (bigger pie piece
Magnify this sprite and remove more of the mouth (bigger pie piece is missing. Save Image 1 Repeat to create image 2 and image 3 of pacman
12
Click on the “Show Preview” box to see how your animation works!
13
Make sure to save this image as a PNG file also (it can be saved in editor). The reason is we have to downsize the image now. It was created as a 128 x 128 and our game needs 32 x 32 sprites. Go back into Sprite Editor to the Transform menu and select Scale
14
Reduce the size to 25% (32/128). Make sure to check Apply to all images.
15
The sprite is the right size but the background is still too large.
To make the canvas smaller, it needs to be resized. Resize the canvas to 32*32
16
Your pac_right is now done
Your pac_right is now done. To create pac_left, pac_up, pac_down, you can use another feature of the editor—rotate. But first you will need to duplicate pac_right—right click on pac_right, select Duplicate and label it pac_left.
17
Click on Edit Sprite, select the Transform menu, select Rotate.
18
Rotate the angle 180 degrees—facing left. Also make sure that the
Rotate the angle 180 degrees—facing left. Also make sure that the Apply to all images is checked.
19
Follow the same steps to create the up and down sprites for pacman.
One more sprite is needed - when pacman is stopped - called pac_stand. Remember you should have saved the circle earlier as a PNG file (Load this file) Figure out a way to animate pac_stand (mouth?, eyes?, eyebrows?, ears?)
20
You have now completed the necessary pacman sprites—the instructions to program pacman are in a separate packet. New Items to program/learn Alarms: Just like alarm clocks—they count down and trigger an event—after a certain amount of time “scared” monsters in pacman will revert back to “normal” monsters. Room Wrap: When a object leaves the room, it will reenter on the opposite side of the room. Artificial Intelligence by enemies: The enemies seem to know what they are doing. In reality, we are programming random actions into their coding. Change Instance: When an object converts to a different object. Parent: Prevents you from having to code duplicate items Grid Alignment: Prevents objects from “locking up” in the maze.
Similar presentations
© 2025 SlidePlayer.com. Inc.
All rights reserved.