Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
gdevelop5:tutorials:tank-shooter [2019/05/29 18:36]
akbarhabeebb [Add a background] Typo
gdevelop5:tutorials:tank-shooter [2019/06/14 07:57]
sahibkaur [Tank shooter - Beginner tutorial]
Line 1: Line 1:
 # Tank shooter - Beginner tutorial # Tank shooter - Beginner tutorial
  
-This tutorial will help you to get familiar with the way that GDevelop works.+This tutorial will help you to get familiar with the way GDevelop works.
 You will create a very simple game. In this game, the enemies will move toward the player. The player will be able to shoot the enemies. The enemies will explode when they are hit with the player'​s bullets. You will create a very simple game. In this game, the enemies will move toward the player. The player will be able to shoot the enemies. The enemies will explode when they are hit with the player'​s bullets.
 {{ :​gdevelop5:​tutorials:​beginner-tutorial-screenshot.png?​nolink |}} {{ :​gdevelop5:​tutorials:​beginner-tutorial-screenshot.png?​nolink |}}
Line 46: Line 46:
 ==== Create the player turret ==== ==== Create the player turret ====
  
-The player will be controlling a turret to shoot  the enemies.+The player will be controlling a turret to shoot the enemies.
 In the Scene "​Objects"​ editor choose "Add a new object"​. ​ In the Scene "​Objects"​ editor choose "Add a new object"​. ​
 {{ :​gdevelop5:​tutorials:​add_new_object.png?​nolink |}} {{ :​gdevelop5:​tutorials:​add_new_object.png?​nolink |}}
Line 61: Line 61:
 {{ :​gdevelop5:​objects:​animation-properties.png?​nolink |}} {{ :​gdevelop5:​objects:​animation-properties.png?​nolink |}}
  
-You need to add the turret image as an animation. ​ Click the big plus symbol {{:​gdevelop5:​tutorials:​plusaddobject.png?​24|}}. Browse to the project folder. Find the image aaguntopdown.png.+You need to add the turret image as an animation. ​ Click the big plus symbol {{:​gdevelop5:​tutorials:​plusaddobject.png?​|}}. Browse to the project folder. Find the image aaguntopdown.png.
 The image will be displayed in the window. The image will be displayed in the window.
 {{ :​gdevelop5:​tutorials:​turret-animation-window.png?​nolink |}} {{ :​gdevelop5:​tutorials:​turret-animation-window.png?​nolink |}}
Line 385: Line 385:
  One last thing is to add a background. ​ This will give the game a more finished look.  One last thing is to add a background. ​ This will give the game a more finished look.
  
-Add a new Sprite object. Name its background. Add the "​background.jpg"​ image to the object. Next, you can add the object to the scene as usual. Make sure it fills the entire scene. To make it easier, you can enable the grid using the button on the top and it should help with positioning the object.+Add a new Sprite object. Name it "background". Add the "​background.jpg"​ image to the object. Next, you can add the object to the scene as usual. Make sure it fills the entire scene. To make it easier, you can enable the grid using the button on the top and it should help with positioning the object.
 {{ :​gdevelop5:​toggle-grid-button.png?​nolink |}} {{ :​gdevelop5:​toggle-grid-button.png?​nolink |}}
 Notice that the background object covers all of the other objects. To solve this problem, we need to change the Z-order of the object. While the background object is selected, on the left of the Scene Editor screen, you will see a "​Properties"​ list. If you don't see the "​Properties"​ list, you can open it using the "​Properties"​ button on the toolbar that is located at the top of the GD interface. Notice that the background object covers all of the other objects. To solve this problem, we need to change the Z-order of the object. While the background object is selected, on the left of the Scene Editor screen, you will see a "​Properties"​ list. If you don't see the "​Properties"​ list, you can open it using the "​Properties"​ button on the toolbar that is located at the top of the GD interface.