Star Defender. Section 1
|
|
- Ashlyn Miller
- 6 years ago
- Views:
Transcription
1 Star Defender Section 1
2 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 enemy ships and bosses as you go through the various game waves. You'll create power ups for your space ship and keep track of your score. The game ends when you run out of lives.
3 Section Objectives Before you start, read the section objectives below. These objectives will be completed at the end of this section. Create a simple moving ship that fires bullets Create simple enemy ships that fire bullets Add collision detection and multiple enemy ships
4 Section Objectives Continued Build game to automatically create enemies and control enemy movement Build a simple wave system to make the game progressively more difficult
5 First things first, open a new Construct project by going to the File menu and selecting New Select New empty project and click Open
6 Once the project is open it's time to change some information. In the About section of your Properties bar, located on the left side of the screen, change the project name to Star Defender.
7 Also, in the Properties bar change the Window Size in the Project settings section to a width of 1280 and height of 720. Both of these numbers are using pixel units. You can do this by typing the comma separated numbers in the Window Size box or expanding the Window Size property and typing the width and height in their respective boxes. The window size sets the size of the viewable area when the game is played. Using 1280 x 720 ensures a aspect ratio (the ratio between width and height) of 16:9, which is common in many of today's devices.
8 Now that the window size is set you'll want to set the size of the layout to 1280 x 720 as well. To do this go to the Projects bar, located on the right side, and select Layout 1 from inside the Layout's folder.
9 Once selected go back over to the Properties bar, where it's showing the Layout properties for Layout 1. Here set the layout size to 1280 x 720 just like you did for the window size.
10 With the Layout properties selected you now need to change the name of the layout. It's important to keep all aspects of your games well documented with useful names and comments. As you move forward in this class, the games you build become more complex. Without proper names and comments it makes it harder to find and change different items within your game.
11 To change the name of the layout, simply click the box next to Name in the Layout properties. This will highlight the current name of "Layout 1" which you will change to Game.
12 Now that the layout is renamed, you'll want to rename the event sheet also. Currently the event sheet is named "Event sheet 1", you'll want to rename it to show that it corresponds with the game layout. To rename the event sheet, go back to the Projects bar. Here right-click on Event sheet 1, inside the Event sheets folder and select Rename. Now type in the new name which will be esgame. You might have noticed the "es" in the event sheet. "es" is used as a naming convention to distinguish all of the events. So es = events.
13 Objective 1 - Build Working Player Space Ship Now that the project is set up you're ready to begin building the game itself! If you remember, the first objective of this section was to build a simple working space ship. To do that, you first need to add a new object to your game for the space ship.
14 The first thing you need to do is right-click on our blank layout (anywhere) and select Insert new object.
15 Doing this will load an Insert new object window. In this window, you're going to select Sprite. Below in the field titled "Name when inserted:" change Sprite to Player and then click Insert.
16 You'll now see three windows popup. These three windows make up the sprite image and animation editors.
17 At this point in creating the game don't worry about making everything look nice and polished since right now the focus is just on getting the functionality built. With that being said, you still need some kind of image to represent the player spaceship and to help test the game as it is built. To start making the space ship, first resize the sprite. To do this click the resize button.
18 In the "Resize image canvas" window set the width and height to 80 and click OK. This will set the available size to draw the sprite to 80 pixels by 80 pixels.
19 With the resized canvas visible, notice the image toolbar on the left of the Edit image window. This toolbar allows you to use various tools such as a pencil tool, brush tool, eraser tool, fill tool, and more to design or edit an image. If you click on the pencil tool this will bring up the color palette. The color palette allows you to select the color for your currently selected tool.
20 There are many useful tools to use when creating or editing images. Below is brief description of some of the tools. Icon Tool Name Description Rectangle Select Select a rectangular region of the image Eraser Erase a part of the image Pencil Draw the image with a thin line Brush Draw the image with a configurable and resizable brush Line Draw the image with a straight line tool Rectangle Draw a rectangular box with the selected color Fill Fill a region of the image with the selected color Color Picker Choose a color from the image Zoom In Zoom in on the image Zoom Out Zoom out on the image Zoom to 100% Zoom the image to it's original size
21 On Your Own Now it's your turn to build your space ship image: Familiarize yourself with the various image tools Create a simple space ship for your Player object Use multiple colors on your space ship Do not spend too much time designing your space ship. You will be replacing your created image in an upcoming section.
22 On Your Own Example Your space ship colors and design may differ, but here is an example
23 Close the image editor to get back to the layout where you can see the newly created space ship. The next step is to get the space ship to move with the arrow keys. Construct 2 uses behaviors to add functionality to objects. In this case you will be adding a behavior to your Player object.
24 Click on the space ship sprite to bring up its properties in the property bar. Within the Behaviors section click the Behaviors link.
25 In the Behaviors window, click the plus icon to add a new behavior. Then in the Add behavior window scroll down to the Movements section and double-click the 8 Direction behavior or select it and click Add. Click here to learn more about the 8 Direction Behavior
26 The 8 Direction behavior allows you to move an object left right and on diagonals. To see this in action, close the behaviors window and click the run layout button at the top of the screen. You can use the arrow keys on your keyboard to move the space ship around. You will notice that the space ship does not seem to move correctly.
27 In the 8 Direction behavior properties, click the box next to Directions and click Left & Right. Then click the box next to Set angle and click the No option. Re-run your layout by clicking the run layout button. If you have not saved your game yet, now would be a good time to do so. This will prevent you from losing your work.
28 To position the Player object on the bottom of the screen, click on the space ship sprite. In the properties section click the box next to Position and change the position to 600, 650. This will position the object 600 pixels in the X position (from the left side of the screen) and 650 pixels in the Y position (from the top of the screen). You can think of the entire layout as a grid with the 0,0 point located at the top left corner. You can always position objects by clicking and dragging the object within the layout. This means instead of entering the exact position, you can simply click on the space ship sprite and drag it to the bottom of the screen. You can also position objects using the arrow keys after selecting them.
29 On Your Own On the space ship you can modify properties of the 8 Direction behavior to change the movement speed: Change the Max Speed to see how it effects your ship. Change the Acceleration to see how it effects your ship. Change the Deceleration to see how it effects your ship.
30 On Your Own Example
31 Now that your space ship is moving correctly in your game, you now need to get the space ship to fire bullets. The bullets that will be fired from the space ship will need to be separate objects in your game. Create a new Sprite, entering PlayerBullet as the name of the new object. After clicking the Insert button click anywhere on your layout to get to the image editor.
32 On Your Own Now you can create your bullet image. Create your bullet image to have an 18px width and a 18px height. Make the bullet a solid colored square. Make the bullet any color you want.
33 On Your Own Example
34 Construct 2 has a bullet behavior that can be added to an object to make an object move with a set speed in a set direction. Close your image editor and make sure to have your bullet sprite selected. In the properties section click on the Behaviors link. Add the Bullet behavior to your bullet sprite. Click here to learn more about the Bullet Behavior com/manual/90/bullet
35 If you run your game now, you will notice your bullet object will move off to the right of the screen. In order to get the bullet to fire from your space ship, you will need to add your first Construct 2 event. Click on the event sheet tab label esgame. You want the bullet object you created to fire from the space ship when the spacebar is pressed. Construct 2 uses Events and Actions to tell your game how to run. Events are triggered by something happening in your game. Actions handle what to do when the specific event happens. You can think of this out loud as "If this happens, you want your game to do these things". In this example you could say "If the spacebar is pressed, then create a bullet and fire it from the space ship" Thinking of Construct Events and Actions in this way may help you better understand what your game is doing.
36 In the Projects panel, right-click on the Object types folder and select Insert new object. Scroll down to the inputs section and double-click Keyboard to add it. You are also able to add the Keyboard object from the Game layout. The Keyboard object can be added the same way the sprite objects were added to your game.
37 Now that you added the keyboard to the project, you now need to add an event. Click the Add event link on the esgame event sheet to bring up the Add event window.
38 This window is where the condition for the event is selected. Double-click on the keyboard object, or select and click Next.
39 The next screen will show the conditions you can use to trigger the action. To have the space ship fire a bullet when the spacebar is clicked you'll want to use the condition of On key pressed. Double-click On key pressed, or select the Key is down event and click Next.
40 In the Parameters window that appears, click the click to choose button next to Key to bring up the Choose a key window. When this window appears, click the spacebar. You'll see that Construct detects this and will put it in the field below "Press a key:". You can then press OK to close the window then Done to add our condition.
41 On the event sheet, you can now see the condition of "On Space pressed" that you can add an action to. Click Add action next to the condition.
42 You will want to first create a new bullet each time the spacebar is pressed. Construct has an action that will create a new object relative to an existing object. In this case you want to create a PlayerBullet object relative to the Player object. In the Add action screen, double-click the Player object.
43 On the next screen, scroll down to the Misc section and double click Spawn another object and click Next.
44 On the Parameters for Player: Spawn another object screen, click the click to choose button. On the Pick an object screen, double click the PlayerBullet object or select the PlayerBullet object and click OK. Click the Done button to finish adding your action.
45 In order to make sure the bullet object you just created is moving the correct direction, you will need to add an Action to set the bullet angle of motion. Click the Add Action link and double click the PlayerBullet object. Under the Bullet section select Set angle of motion and click Next.
46 The angle is based off a 360 degree circle where 0 degrees will go right, 90 degrees will go down, 180 degrees will go left, and 270 degrees will go up. Since you want your created bullet to move in the up direction, enter 270 in the Angle box and click Done.
47 You can see on the event sheet that you have two actions running when the spacebar is pressed. Click the run layout button. You can now move your space ship left and right as well as fire bullets with the spacebar.
48 In order to finish the space ship movement you will need to add a few more things. Your space ship can currently go off of the screen. This can be fixed by adding another behavior to the Player object. Add the Bound to Layout behavior to your Player object. This will prevent your spaceship from leaving the layout. Click here to learn more about the Bound to Layout Behavior scirra. com/manual/89/b ound-to-layout
49 The next step is to make sure all the PlayerBullet objects that you create are destroyed when they leave the layout. Add the Destroy outside layout behavior to the PlayerBullet object to make this happen. Click here to learn more about the Destroy Outside Layout Behavior
50 The last step to complete your basic space ship movement is to make sure the initial PlayerBullet object is not displayed on the screen when the game loads. Construct 2 requires that this object be included in the layout in order to create new PlayerBullet objects while playing the game. In order to meet this requirement you can simply move your bullet object off the visible window. The bullet will be destroyed when the game starts but Construct can then create additional PlayerBullet objects in the future. You can zoom in and out of your layout by holding ctrl and using the mouse wheel, or changing the zoom controls on the View tab of Construct 2.
51 Quiz Time If instead you wanted the bullet to fly directly down which angle would you use?
52 Quiz Time (Answer) If instead you wanted the bullet to fly directly down which angle would you use?
53 Now when you run the game you can see you're able to move your space ship and fire bullets. Make sure to save your game. You don t want to lose all your work.
54 Objective 2 - Build Enemy Space Ships Now that the space ship is working, you now need to build some enemies into your game. To solve this problem, you are going to have to create two new objects. One object will be for the Enemy, and one will be for the EnemyBullet. You will also learn about the Turret behavior to allow your enemies to shoot bullets at your space ship. To get started, go back to the Game layout screen, right-click anywhere on the blank layout and select Insert new object.
55 On Your Own Now it is your turn to build your own enemy Sprite object. Create a new Sprite object called Enemy. Resize the enemy ship image to 64 pixels by 64 pixels. Design a simple enemy space ship in the image editor. Move the enemy space ship to the position 75,75 (the top left corner).
56 On Your Own Example
57 In order to get multiple enemies, you can copy and paste the original enemy space ship. You can do this by clicking on the enemy space ship then clicking the Ctrl key and dragging copies of the enemy ship. You can also right click on the enemy space ship and select copy, then right click on the layout and select paste. Create 9 enemies in the back row so you can adequately test the game.
58 Add a new Behavior to the Enemy object. Select the Turret behavior under the Movements section on the Add behavior screen. Click here to learn more about the Turret Behavior
59 In the Turret behavior settings change the Rate of fire to 10 to increase how fast the enemy shoots.
60 On Your Own You now need to create the enemy bullet: Create a new Sprite object called EnemyBullet. Make the image a solid color and a size of 10 by 10 pixels. Position the enemy bullet so it starts off the screen. Add the Bullet and Destroy outside layout Behavior to the object.
61 On Your Own Example
62 In order to get your enemies to fire bullets, you need to add an additional event to your game. On your event sheet, click the Add event link and double click the Enemy object.
63 Scroll down to the Turret section and double click the On shoot condition. Click the Add action link inside the On Turret shoot event, and add an action to Spawn an EnemyBullet object. This is very similar to how the PlayerBullet is created.
64 Just like you were able to copy and paste the enemy space ship, you can also copy and paste actions. Copy the Set bullet angle action from the On Space pressed event and paste it into your On Turret shoot event.
65 Next you need to modify this action to change the object from the PlayerBullet to the EnemyBullet. Double click the action you just created and click the Back button. Click the Back button again and double click EnemyBullet.
66 Double click the Set angle of motion action in the Bullet section and enter 90 for the Angle. Click the Done button to finish editing the action. In this case it would have been just as easy to create a new action. However, it is important to know that it is easy to copy, edit, and remove actions after they are created.
67 If you run your game now, you will notice that the enemy ships still do not shoot the enemy bullets. You still need to tell the enemy ships to target your space ship. To do this, click the Add event link, double click the System object and then double click the On start of layout event located in the Start & end section. This event will run one time when the game starts up.
68 The next step is to add an action for the enemy ship to target your space ship. Click the Add action link in the On start of layout event, double click the Enemy object and double click the Add object to target action. In the add object to target settings, select your Player object and click Done.
69 The Turret behavior has a range property that controls how close the enemy has to be to their target in order to start firing. This property is currently set to 300 pixels. If you remember correctly you set the size of the game layout to 1280 by 720. In your game a Turret range of 300 will not work. You want your enemy ships to always be able to fire at your space ship. One option would be to guess and set a very high number for the range, however that will not be the most efficient way to determine the correct value.
70 Using the Pythagorean Theorem you can determine the distance from the top left corner of the screen to the bottom right. This is the longest distance an enemy would ever need for their turret range. This is labeled letter C in the image below.
71 Now using the Pythagorean Theorem, you can solve for C allowing you to calculate what your Turret range should be set too.
72 You can now round the value up to 1469 and add that value in for the turret range in the turret behavior for the Enemy object.
73 If you run your game now, you will notice that the enemy space ships will fire, however they are not firing from the front of the ship. Construct expects your image to be facing an angle of 0 degrees (right) when targeting using the turret behavior. You can fix this by double clicking one of your enemy ships and clicking the rotate anticlockwise button. After rotating the image so it is facing right, you can close out of the image editor.
74 Now your enemy space ships are all facing right. To default them facing down inside your layout, click on the empty layout and drag to select all your enemy space ships. With all of the enemy ships selected, change the Angle value of the enemy ships to 90. You can now play your game with your basic enemy space ship functionality set up. Feel free to modify the turret rate of fire and the enemy bullet speed to control how the enemy ships fire. You can even change the turret rate of fire to be different for each enemy space ship if you want.
75 Objective 3 - Collisions and Multiple Enemies Your ship is moving and firing and the enemies are firing back! Now you need your bullets to actually do something when fired. In order to get this working, you will have to add collision detection to your game. From this point forward it is assumed you know the basics of adding events and objects to your game. If you are having trouble understanding how events and objects work in Construct 2, you may want to review the lesson instructions up until this point. Make sure to save your game. You don t want to lose all your work.
76 On your event sheet, add a new event for EnemyBullet selecting On collision with another object as the condition. Select the Player object and click Done. Add an action for Player selecting Destroy.
77 On Your Own Play your game to see the result. Now it's your turn: Add an action to destroy the enemy bullet when it hits the Player object. Create a new event for when the PlayerBullet hits an enemy. Destroy the enemy ship and your bullet on collision with the enemy ship.
78 On Your Own Example
79 With the basics of your bullet collisions working, you now can spend a little time fixing some minor details. You may have noticed that the bullets seem to shoot from the center of the space ship. To change this, double click on your space ship to open the image editor. Click the set origin tool and click on the front of the ship to set the origin point of the sprite. This controls where the created bullets will originate from.
80 The same process can be completed for the enemy ships. Double click on any enemy ship and set the origin point in the image editor to the front of the ship. Close the image editor and test your game.
81 You will now add two additional enemy ships. You could add a new sprite for each enemy, however that would mean you would need to add additional collision detection rules and that would cause you to duplicate events. Instead you can add different animation frames on the existing Enemy object. Double click one of your enemy ships to open the image editor. In the Animation Frames pane right click on your enemy ship and click Duplicate. Do this two times so you have three frames created. Animation Frames are typically used to animate a sprite, however they can be configured to display static images as you are going to do in the Star Defender game.
82 On Your Own You can now build out some new enemy space ships. Using the two new animation frames, create new enemy space ship images. Set the origin points of each enemy space ship to a different location. This way each enemy will fire the bullet from a slightly different location on the ship. Copy the row of enemy ships and make it three rows.
83 On Your Own Example
84 Select the entire middle row of enemy space ships. In the properties pane in the bottom properties section change the Initial frame to 1. Change the turret rate of fire for this row to 5. Select the entire bottom row of enemy space ships. In the properties pane in the bottom properties section change the Initial frame to 2. Change the turret rate of fire for this row to 7.
85 If you play your game you will notice that all the enemy ship images change and eventually stop on the third animation frame image. You will need to turn off this animation behavior for the Enemy object. In your event sheet under the On start of layout event, add and a new action. Add the action for the Enemy object and under the Animations section select the Stop action.
86 It is a good idea to keep track of how many enemies are on the screen so you can eventually do something when the enemy count gets to 0. You can use a global variable to store information for later use. To add a global variable in your game, go to your event sheet, right click on some blank space and click Add global variable. A variable is simply a way to store important information. Examples of variables would be the number of enemies left, the score, the number of lives the player has left, and much more. You will use variables for a lot of different reasons in Construct, but once you figure out how they work, you will easily be able to use them over and over again. Click here to learn more about Global Variables
87 Call your new global variable Enemies, make it a type Number, with an initial value of 27 (or however many enemies your game has). Click the OK button. There are two different types of global variables in Construct 2. The first is for storing numbers (examples include high score and number of lives). The second type of global variable is for storing text information (an example would be player name). Numbers are used more often as you can perform mathematical operations on the variable (adding or removing numbers to the variable), but both have their uses when building Construct games.
88 Add a new action under the PlayerBullet On collision with Enemy event. Select System as the object and Subtract from as the action. Leave the Variable set on Enemies and leave the value at 1. Click Done. This will subtract 1 from the Enemies variable every time you destroy an enemy ship.
89 The next step is to configure the game to restart after you destroy all of the enemy space ships. In order to do this you will need to learn about Construct sub events. A sub event is an event that sits inside another event. In this example you want to only want to check the sub event after an enemy is destroyed. You want to check if there are 0 enemies left. If so, you will want to restart the game. You can think of this example out loud as "If my bullet collides with an enemy ship, then destroy the objects and remove one from the Enemies variable". You can then think out this example as "If after removing one from the Enemies variable, the count is 0, then restart the game".
90 To add your first sub event right click the space below the PlayerBullet on collision with Enemy event, then go to Add, and click Add sub-event.
91 Quiz Time Where do you click to add a sub-event?
92 Quiz Time (Answer) Where do you click to add a sub-event?
93 Adding a sub event is similar to adding any other Construct event. Select System for the object and select the Compare variable condition. In the Compare variable screen set the variable to Enemies, Comparison to Equal to, and Value to 0. Click the Done button. This sub event will check if the Enemies variable is equal to 0.
94 Add an action to your new sub event. Select System for the object and Restart Layout as the action. Notice how the sub event is indented inside the PlayerBullet on Collision with Enemy event. This lets you know that this sub-event will only run if the parent event runs first. The sub event runs only after all of the actions in the parent event runs. Make sure to save your game. You don t want to lose all your work.
95 Your global variable will not reset when the layout is restarted. This is because global variables can be used with multiple construct layouts. This means you will need to reset your Enemies variable in the On start of layout event. Add a new action in the On start of layout event. Select System for the object and Set value as the action. Set the Enemies variable back to the original value of 27.
96 On Your Own If you play your game now you will see that the game continually restarts when you destroy all of the enemies. The next step is to provide a way to restart the game if your space ship is destroyed. Create an event that is triggered when the Enter or Return key is pressed. Add an action to the event to restart the layout.
97 On Your Own Example
98 If you left the game as is, the bullets would seem to destroy the enemies before they even hit the enemy. Double click one of your Enemy objects to open the image editor. To fix this, click the Set collision polygon tool. This is the last tool on the Image Editor toolbar. Click here to learn more about Collision Polygons com/manual/48/image-and-animations-editor
99 This tool will pop up the collision points of the Enemy object. Collision points make up the boundaries of a sprite. By default, the collision points are set to the width and height of the canvas. To make your collision points closer to the enemy ship you can Left click and Drag every red point to where you want it, or Right click and select Guess polygon shape. Do this with the first and second Animation frames in the Enemy object.
100 If you end up with dots all over the place and it seems hopeless, fear not, you can also right click your mouse and choose Set to bounding box. This will reset all the collision points back to the edge of the canvas and get rid of all points except the four corners.
101 Sometimes the Guess polygon shape can be way off the shape of your sprite and you'll have to move the collision points by yourself. Do this now with the third Animation frame for your Enemy object. You should end up with 7 to 10 collision points on each of your polygons. You can use the zoom if needed. To add points right click your mouse on an existing point and select Add point.
102 On Your Own Close your image editor for your Enemy object. You will now need to configure the collision points for the other sprites in your game. Add collision polygon points to your space ship Verify the collision polygon points for your PlayerBullet and EnemyBullet objects are correct
103 Recap of Help Links 8 Direction Behavior - com/manual/87/8-direction Bullet Behavior - com/manual/90/bullet Bound to Layout Behavior - com/manual/89/bound-to-layout Destroy Outside Layout Behavior - scirra.com/manual/94/destroy-outside-layout
104 Recap of Help Links Continued Turret Behavior - com/manual/152/turret Global Variables - com/manual/83/variables Collision Polygons - com/manual/48/image-and-animations-editor
105 Play the game! You can hit Enter or Return or restart the game.
106 Pro Tips I bet you didn't know that you can play this game, as well as all the Game:IT games by visiting the STEM Fuse Arcade. Play Some Games -
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 informationGETTING STARTED MAKING A NEW DOCUMENT
Accessed with permission from http://web.ics.purdue.edu/~agenad/help/photoshop.html GETTING STARTED MAKING A NEW DOCUMENT To get a new document started, simply choose new from the File menu. You'll get
More informationVACUUM 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 informationOverview. 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 informationYour First Game: Devilishly Easy
C H A P T E R 2 Your First Game: Devilishly Easy Learning something new is always a little daunting at first, but things will start to become familiar in no time. In fact, by the end of this chapter, you
More informationSpace Invadersesque 2D shooter
Space Invadersesque 2D shooter So, we re going to create another classic game here, one of space invaders, this assumes some basic 2D knowledge and is one in a beginning 2D game series of shorts. All in
More informationAnnex IV - Stencyl Tutorial
Annex IV - Stencyl Tutorial This short, hands-on tutorial will walk you through the steps needed to create a simple platformer using premade content, so that you can become familiar with the main parts
More information04. Two Player Pong. 04.Two Player Pong
04.Two Player Pong One of the most basic and classic computer games of all time is Pong. Originally released by Atari in 1972 it was a commercial hit and it is also the perfect game for anyone starting
More informationGAME:IT Junior Bouncing Ball
GAME:IT Junior Bouncing Ball Objectives: Create Sprites Create Sounds Create Objects Create Room Program simple game All games need sprites (which are just pictures) that, in of themselves, do nothing.
More informationQuilt Pro 6 Lesson Quilt in a Quilt
Quilt Pro 6 Lesson Quilt in a Quilt Quilt in a Quilt The Inner Quilt This quilt is a very complex design. We will cover a unique technique not covered in the manual. While any one can master the techniques
More informationCreating Photo Borders With Photoshop Brushes
Creating Photo Borders With Photoshop Brushes Written by Steve Patterson. In this Photoshop photo effects tutorial, we ll learn how to create interesting photo border effects using Photoshop s brushes.
More informationMore 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 information2D Platform. Table of Contents
2D Platform Table of Contents 1. Making the Main Character 2. Making the Main Character Move 3. Making a Platform 4. Making a Room 5. Making the Main Character Jump 6. Making a Chaser 7. Setting Lives
More informationQuick Mask Setting Up your Work Environment Setting Up the Quickmask Parameters
Quick Mask Quickmask gets its name from the fact that as you create your selection area, Photoshop masks that area off, tinting it with a colored mask to show what has been selected. When you're finished
More informationGAME:IT Junior Bouncing Ball
GAME:IT Junior Bouncing Ball Objectives: Create Sprites Create Sounds Create Objects Create Room Program simple game All games need sprites (which are just pictures) that, in of themselves, do nothing.
More informationTutorial: A scrolling shooter
Tutorial: A scrolling shooter Copyright 2003-2004, Mark Overmars Last changed: September 2, 2004 Uses: version 6.0, advanced mode Level: Beginner Scrolling shooters are a very popular type of arcade action
More informationMeteor Game for Multimedia Fusion 1.5
Meteor Game for Multimedia Fusion 1.5 Badly written by Jeff Vance jvance@clickteam.com For Multimedia Fusion 1.5 demo version Based off the class How to make video games. I taught at University Park Community
More informationAutoCAD 2D. Table of Contents. Lesson 1 Getting Started
AutoCAD 2D Lesson 1 Getting Started Pre-reqs/Technical Skills Basic computer use Expectations Read lesson material Implement steps in software while reading through lesson material Complete quiz on Blackboard
More informationObjectives: Create Sprites Create Sounds Create Objects Create Room Program simple game
GAME:IT Bouncing Ball Objectives: Create Sprites Create Sounds Create Objects Create Room Program simple game All games need sprites (which are just pictures) that, in of themselves, do nothing. They are
More informationCONCEPTS 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 informationAP Art History Flashcards Program
AP Art History Flashcards Program 1 AP Art History Flashcards Tutorial... 3 Getting to know the toolbar:... 4 Getting to know your editing toolbar:... 4 Adding a new card group... 5 What is the difference
More informationIntroduction. The basics
Introduction Lines has a powerful level editor that can be used to make new levels for the game. You can then share those levels on the Workshop for others to play. What will you create? To open the level
More informationGetting Started. with Easy Blue Print
Getting Started with Easy Blue Print User Interface Overview Easy Blue Print is a simple drawing program that will allow you to create professional-looking 2D floor plan drawings. This guide covers the
More informationScrolling Shooter 1945
Scrolling Shooter 1945 Let us now look at the game we want to create. Before creating a game we need to write a design document. As the game 1945 that we are going to develop is rather complicated a full
More informationTURN A PHOTO INTO A PATTERN OF COLORED DOTS (CS6)
TURN A PHOTO INTO A PATTERN OF COLORED DOTS (CS6) In this photo effects tutorial, we ll learn how to turn a photo into a pattern of solid-colored dots! As we ll see, all it takes to create the effect is
More informationGAME:IT Bouncing Ball
GAME:IT Bouncing Ball Objectives: Create Sprites Create Sounds Create Objects Create Room Program simple game All games need sprites (which are just pictures) that, in of themselves, do nothing. They are
More informationExploring Photoshop Tutorial
Exploring Photoshop Tutorial Objective: In this tutorial we will create a poster composed of three distinct elements: a Bokeh, an image and title text. The Bokeh is an effect which is sometimes seen in
More informationEnhanced Eyes. Here's the image I'll be working with (glamour eyes photo from Shutterstock): Here's what the eyes will look like when we're done:
Enhanced Eyes Here's the image I'll be working with (glamour eyes photo from Shutterstock): The original image. Here's what the eyes will look like when we're done: The final effect. Here's a close-up
More information33-2 Satellite Takeoff Tutorial--Flat Roof Satellite Takeoff Tutorial--Flat Roof
33-2 Satellite Takeoff Tutorial--Flat Roof Satellite Takeoff Tutorial--Flat Roof A RoofLogic Digitizer license upgrades RoofCAD so that you have the ability to digitize paper plans, electronic plans and
More informationGame Design Curriculum Multimedia Fusion 2. Created by Rahul Khurana. Copyright, VisionTech Camps & Classes
Game Design Curriculum Multimedia Fusion 2 Before starting the class, introduce the class rules (general behavioral etiquette). Remind students to be careful about walking around the classroom as there
More informationPhoto Within A Photo - Photoshop
Photo Within A Photo - Photoshop Here s the image I ll be starting with: The original image. And here s what the final "photo within a photo" effect will look like: The final result. Let s get started!
More informationVectorworks / MiniCAD Tutorials
Vectorworks / MiniCAD Tutorials Tutorial 1: Construct a simple model of a little house Tutorial 2: Construct a 4 view Orthographic drawing of the Model These tutorials are available as Adobe Acrobat 4
More informationPhotoshop 1. click Create.
Photoshop 1 Step 1: Create a new file Open Adobe Photoshop. Create a new file: File->New On the right side, create a new file of size 600x600 pixels at a resolution of 300 pixels per inch. Name the file
More informationSAVING, LOADING AND REUSING LAYER STYLES
SAVING, LOADING AND REUSING LAYER STYLES In this Photoshop tutorial, we re going to learn how to save, load and reuse layer styles! Layer styles are a great way to create fun and interesting photo effects
More information1 Shooting Gallery Guide 2 SETUP. Unzip the ShootingGalleryFiles.zip file to a convenient location.
1 Shooting Gallery Guide 2 SETUP Unzip the ShootingGalleryFiles.zip file to a convenient location. In the file explorer, go to the View tab and check File name extensions. This will show you the three
More informationKodu Game Programming
Kodu Game Programming Have you ever played a game on your computer or gaming console and wondered how the game was actually made? And have you ever played a game and then wondered whether you could make
More informationCreate 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 informationHow to Create Website Banners
How to Create Website Banners In the following instructions you will be creating banners in Adobe Photoshop Elements 6.0, using different images and fonts. The instructions will consist of finding images,
More informationBEST PRACTICES COURSE WEEK 14 PART 2 Advanced Mouse Constraints and the Control Box
BEST PRACTICES COURSE WEEK 14 PART 2 Advanced Mouse Constraints and the Control Box Copyright 2012 by Eric Bobrow, all rights reserved For more information about the Best Practices Course, visit http://www.acbestpractices.com
More informationAdobe PhotoShop Elements
Adobe PhotoShop Elements North Lake College DCCCD 2006 1 When you open Adobe PhotoShop Elements, you will see this welcome screen. You can open any of the specialized areas. We will talk about 4 of them:
More information5.0 Events and Actions
5.0 Events and Actions So far, we ve defined the objects that we will be using and allocated movement to particular objects. But we still need to know some more information before we can create an actual
More informationRendering a perspective drawing using Adobe Photoshop
Rendering a perspective drawing using Adobe Photoshop This hand-out will take you through the steps to render a perspective line drawing using Adobe Photoshop. The first important element in this process
More informationToothbrush Holder. A drawing of the sheet metal part will also be created.
Prerequisite Knowledge Previous knowledge of the following commands is required to complete this lesson; Sketch (Line, Centerline, Circle, Add Relations, Smart Dimension,), Extrude Boss/Base, and Edit
More informationADDING A RAINBOW TO A PHOTOGRAPH
ADDING A RAINBOW TO A PHOTOGRAPH This assignment will cover how to add a simple rainbow (or if you want to go crazy, a double rainbow) to any photograph. This will give us some great work with gradients,
More informationPhotoshop Elements Hints by Steve Miller
2015 Elements 13 A brief tutorial for basic photo file processing To begin, click on the Elements 13 icon, click on Photo Editor in the first box that appears. We will not be discussing the Organizer portion
More informationCreate 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 informationThe 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 informationMastering Your. Embroidery Software V6.0. Owner s Workbook - Bonus
Mastering Your Mastering Your Embroidery Software V6.0 Owner s Workbook - Bonus 1 Table of Contents Index... 2 Class 9... Class Overview... 3 Quilter... 4 Block Editor 7 Cross Stitch... 9 2 Class 9 - BERNINA
More informationQUICKSTART COURSE - MODULE 1 PART 2
QUICKSTART COURSE - MODULE 1 PART 2 copyright 2011 by Eric Bobrow, all rights reserved For more information about the QuickStart Course, visit http://www.acbestpractices.com/quickstart Hello, this is Eric
More informationTable of Contents. Creating Your First Project 4. Enhancing Your Slides 8. Adding Interactivity 12. Recording a Software Simulation 19
Table of Contents Creating Your First Project 4 Enhancing Your Slides 8 Adding Interactivity 12 Recording a Software Simulation 19 Inserting a Quiz 24 Publishing Your Course 32 More Great Features to Learn
More informationDigital Photography 1
Digital Photography 1 Photoshop Lesson 3 Resizing and transforming images Name Date Create a new image 1. Choose File > New. 2. In the New dialog box, type a name for the image. 3. Choose document size
More information2. Creating and using tiles in Cyberboard
2. Creating and using tiles in Cyberboard I decided to add some more detail to the first hexed grip map that I produced (Demo1) using the Cyberboard Design program. To do this I opened program by clicking
More information1. Creating geometry based on sketches 2. Using sketch lines as reference 3. Using sketches to drive changes in geometry
4.1: Modeling 3D Modeling is a key process of getting your ideas from a concept to a read- for- manufacture state, making it core foundation of the product development process. In Fusion 360, there are
More informationTemplate: Quilter Title Overview: Traditional Application
Template: Quilter Title Overview: Traditional Application Subject Launching Topic Quilter Open Steps BERNINA Embroidery Software. Select Steps the Quilter icon in the Applications Toolbox to launch Quilter.
More informationStep 1: Create A New Photoshop Document
Film Strip Photo Collage - Part 2 In part one of this two-part Photoshop tutorial, we learned how Photoshop s shape tools made it easy to draw a simple film strip which we can then use as a photo frame,
More informationTutorial: 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 informationStep 1 - Setting Up the Scene
Step 1 - Setting Up the Scene Step 2 - Adding Action to the Ball Step 3 - Set up the Pool Table Walls Step 4 - Making all the NumBalls Step 5 - Create Cue Bal l Step 1 - Setting Up the Scene 1. Create
More informationCSCI Lab 6. Part I: Simple Image Editing with Paint. Introduction to Personal Computing University of Georgia. Multimedia/Image Processing
CSCI-1100 Introduction to Personal Computing University of Georgia Lab 6 Multimedia/Image Processing Purpose: The purpose of this lab is for you to gain experience performing image processing using some
More informationAdd Rays Of Sunlight To A Photo With Photoshop
Add Rays Of Sunlight To A Photo With Photoshop Written by Steve Patterson. In this photo effects tutorial, we'll learn how to easily add rays of sunlight to an image, a great way to make an already beautiful
More informationPhoto One Digital Photo Shoots and Edits
Photo One Digital Photo Shoots and Edits You will submit photo shoots, unedited and you will submit selected edited images. The shoots will be explained first and the edits will be explained later on this
More informationMY BERNINA EMBROIDERY MASTERY BOOK SERIES SOFTWARE BERNINA EMBROIDERY SOFTWARE 8.1. WORKBOOK 4 Application Programs
MY BERNINA EMBROIDERY MASTERY BOOK SERIES SOFTWARE BERNINA EMBROIDERY SOFTWARE 8.1 WORKBOOK 4 Application Programs 2017 BERNINA of America. 02/012017 Table of Contents Introduction... 3 Exercises Quilter...
More informationHow to prepare your files for competition using
How to prepare your files for competition using Many thanks to Margaret Carter Baumgartner for the use of her portrait painting in this demonstration. 2015 Christine Ivers Before you do anything! MAKE
More informationInstallation Instructions
Installation Instructions Important Notes: The latest version of Stencyl can be downloaded from: http://www.stencyl.com/download/ Available versions for Windows, Linux and Mac This guide is for Windows
More informationAdding Fireworks To A Photo With Photoshop
Adding Fireworks To A Photo With Photoshop Written by Steve Patterson. In this Photoshop Effects tutorial, we re going to learn how to add fireworks to a photo. What you ll need is a photo of fireworks
More informationCongratulations on your decision to purchase the Triquetra Auto Zero Touch Plate for All Three Axis.
Congratulations on your decision to purchase the Triquetra Auto Zero Touch Plate for All Three Axis. This user guide along with the videos included on the CD should have you on your way to perfect zero
More informationFLAMING HOT FIRE TEXT
FLAMING HOT FIRE TEXT In this Photoshop text effects tutorial, we re going to learn how to create a fire text effect, engulfing our letters in burning hot flames. We ll be using Photoshop s powerful Liquify
More informationA. 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 informationIn this project you ll learn how to code your own musical instruments!
Rock Band Introduction In this project you ll learn how to code your own musical instruments! Step 1: Sprites Before you can start coding, you ll need to add in a thing to code. In Scratch, these things
More information15 TUBE CLEANER: A SIMPLE SHOOTING GAME
15 TUBE CLEANER: A SIMPLE SHOOTING GAME Tube Cleaner was designed by Freid Lachnowicz. It is a simple shooter game that takes place in a tube. There are three kinds of enemies, and your goal is to collect
More informationGame Maker Tutorial Creating Maze Games Written by Mark Overmars
Game Maker Tutorial Creating Maze Games Written by Mark Overmars Copyright 2007 YoYo Games Ltd Last changed: February 21, 2007 Uses: Game Maker7.0, Lite or Pro Edition, Advanced Mode Level: Beginner Maze
More informationLet 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 informationAlright! 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 informationa. the costumes tab and costumes panel
Skills Training a. the costumes tab and costumes panel File This is the Costumes tab Costume Clear Import This is the Costumes panel costume 93x0 This is the Paint Editor area backdrop Sprite Give yourself
More informationCreating a Frame by Frame Animation for PhotoStory
Creating a Frame by Frame Animation for PhotoStory There are an unlimited number of animation styles that you can create using the PhotoShop Elements software. Depending on the type of animation you want,
More informationCar Ad Photoshop Tutorial Miss Van Lenten Tools: Paint brush, Eraser, Quick Selection/Magic Wand, Quick Mask, Layer Mask
Car Ad Photoshop Tutorial Miss Van Lenten Tools: Paint brush, Eraser, Quick Selection/Magic Wand, Quick Mask, Layer Mask Part One: Google image search for a car of your choosing. Make sure you go to tools
More informationDESIGN A SHOOTING STYLE GAME IN FLASH 8
DESIGN A SHOOTING STYLE GAME IN FLASH 8 In this tutorial, you will learn how to make a basic arcade style shooting game in Flash 8. An example of the type of game you will create is the game Mozzie Blitz
More informationPHOTOSHOP PUZZLE EFFECT
PHOTOSHOP PUZZLE EFFECT In this Photoshop tutorial, we re going to look at how to easily create a puzzle effect, allowing us to turn any photo into a jigsaw puzzle! Or at least, we ll be creating the illusion
More informationRevit Structure 2013 Basics
Revit Structure 2013 Basics Framing and Documentation Elise Moss Supplemental Files SDC P U B L I C AT I O N S Schroff Development Corporation Better Textbooks. Lower Prices. www.sdcpublications.com Tutorial
More informationInfoSphere goes Android Angry Blob
Great that you chose AngryBlob! AngryBlob is a fun game where you have to destroy the super computer with the help of the Blob. This work sheet helps you to create an App, which makes a disappear on your
More informationChapter 4: Draw with the Pencil and Brush
Page 1 of 15 Chapter 4: Draw with the Pencil and Brush Tools In Illustrator, you create and edit drawings by defining anchor points and the paths between them. Before you start drawing lines and curves,
More informationfor Solidworks TRAINING GUIDE LESSON-9-CAD
for Solidworks TRAINING GUIDE LESSON-9-CAD Mastercam for SolidWorks Training Guide Objectives You will create the geometry for SolidWorks-Lesson-9 using SolidWorks 3D CAD software. You will be working
More informationSHAPE CLUSTER PHOTO DISPLAY
SHAPE CLUSTER PHOTO DISPLAY In this Photoshop tutorial, we ll learn how to display a single photo as a cluster of shapes, similar to larger wall cluster displays where several photos, usually in different
More informationG54GAM Lab Session 1
G54GAM Lab Session 1 The aim of this session is to introduce the basic functionality of Game Maker and to create a very simple platform game (think Mario / Donkey Kong etc). This document will walk you
More informationUniversity Libraries ScanPro 3000 Microfilm Scanner
University Libraries ScanPro 3000 Microfilm Scanner Help Guide Table of Contents Getting Started 3 Loading the Film 4-5 Viewing Your Film 6-7 Motorized Roll Film Control 6 Crop Box 7 Using the Toolbar
More informationTraining Guide 1 Basic Construction Overview. (v1.1)
Training Guide 1 Basic Construction Overview (v1.1) Contents Training Guide 1 Basic Construction Overview... 1 Creating a new project... 3 Entering Measurements... 6 Adding the Walls... 10 Inserting Doors
More informationBlend Photos Like a Hollywood Movie Poster
Blend Photos Like a Hollywood Movie Poster Written By Steve Patterson In this Photoshop tutorial, we're going to learn how to blend photos together like a Hollywood movie poster. Blending photos is easy
More informationDimensioning the Rectangular Problem
C h a p t e r 3 Dimensioning the Rectangular Problem In this chapter, you will learn the following to World Class standards: 1. Creating new layers in an AutoCAD drawing 2. Placing Centerlines on the drawing
More informationManaging images with NewZapp
Managing images with NewZapp This guide is for anyone using the NewZapp Fixed editor as opposed to the Drag and Drop editor. The Image Manager is where images are uploaded and stored in your NewZapp account
More informationADDING FIREWORKS TO A PHOTO
ADDING FIREWORKS TO A PHOTO In this Photoshop tutorial, we re going to learn how to add fireworks to a photo. What you ll need is a photo of fireworks and the photo you want to add the fireworks to (preferably
More informationNew Sketch Editing/Adding
New Sketch Editing/Adding 1. 2. 3. 4. 5. 6. 1. This button will bring the entire sketch to view in the window, which is the Default display. This is used to return to a view of the entire sketch after
More informationThe Games Factory 2 Step-by-step Tutorial
Page 1 of 39 The Games Factory 2 Step-by-step Tutorial Welcome to the step-by-step tutorial! Follow this tutorial, and in less than one hour, you will have created a complete game from scratch. This game
More informationAlibre Design Tutorial: Loft, Extrude, & Revolve Cut Loft-Tube-1
Alibre Design Tutorial: Loft, Extrude, & Revolve Cut Loft-Tube-1 Part Tutorial Exercise 5: Loft-Tube-1 [Complete] In this Exercise, We will set System Parameters first, then part options. Then, in sketch
More informationCreate new drawing. Select Collection. Manage graphs. Collection Name. Graphs preview
Create new drawing Select Collection Collection Name Manage graphs Graphs preview Duplicate selection Move selection Delete selection Select All drawings Exit Share selection Selected graphs Add new Collection
More informationOverview of Photoshop Elements workspace
Overview of Photoshop Elements workspace When you open Photoshop Elements, the Welcome screen offers you two options (Figure 1): The Organize button opens the Organizer. In the Organizer you organize and
More informationwith MultiMedia CD Randy H. Shih Jack Zecher SDC PUBLICATIONS Schroff Development Corporation
with MultiMedia CD Randy H. Shih Jack Zecher SDC PUBLICATIONS Schroff Development Corporation WWW.SCHROFF.COM Lesson 1 Geometric Construction Basics AutoCAD LT 2002 Tutorial 1-1 1-2 AutoCAD LT 2002 Tutorial
More informationGIMP (GNU Image Manipulation Program) MANUAL
Selection Tools Icon Tool Name Function Select Rectangle Select Ellipse Select Hand-drawn area (lasso tool) Select Contiguous Region (magic wand) Selects a rectangular area, drawn from upper left (or lower
More informationExperiment 02 Interaction Objects
Experiment 02 Interaction Objects Table of Contents Introduction...1 Prerequisites...1 Setup...1 Player Stats...2 Enemy Entities...4 Enemy Generators...9 Object Tags...14 Projectile Collision...16 Enemy
More informationCreate a Candy Cane. Create a new canvas with the size 8x10 inches at 300 pixel/inch. See image below Ctrl + N
Create a Candy Cane The Basic Candy Cane Canvas and Shape 1. Create a new folder, name it Candy Cane your name. Create a new canvas with the size 8x10 inches at 300 pixel/inch. See image below Ctrl + N
More informationGame 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 informationModeling an Airframe Tutorial
EAA SOLIDWORKS University p 1/11 Difficulty: Intermediate Time: 1 hour As an Intermediate Tutorial, it is assumed that you have completed the Quick Start Tutorial and know how to sketch in 2D and 3D. If
More information