Construct 3 Game Design - Class 1. Top-Down shooter | Roee Almog | Skillshare

Playback Speed

  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Construct 3 Game Design - Class 1. Top-Down shooter

teacher avatar Roee Almog

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

10 Lessons (22m)
    • 1. Introduction

    • 2. Class 1 (presentation)

    • 3. Opening Construct

    • 4. Tabs

    • 5. Basics

    • 6. Changing an image of an object

    • 7. Soldeir

    • 8. Tank

    • 9. Bonus (properties)

    • 10. Summary

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.





About This Class

In this class we will learn:
1. basics of Construct 3.
2. How to change an image of an object
3. Changing properties of an object.
4.Save and open a project.

Meet Your Teacher

Teacher Profile Image

Roee Almog


Class Ratings

Expectations Met?
  • Exceeded!
  • Yes
  • Somewhat
  • Not really
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.


1. Introduction: Hello ladies and gentlemen, welcome to construct video game design class. My name is Roy and I am a stem curriculum designer. If you don't know, stem stands for science, technology, engineering, and math. And I was younger. I always wanted to create video games. I wanted it so much that I went to study video game design. The program we use is called unity. Unity is a really good program, but it is really complicated. So I searched for a different program with better ratio of efforts spent two results. That's when I found constructs three. Constructs 3 is an amazing game engine. The reason I think it's so good is because it is super easy to use and learn. But it can be really challenging to create complex schemes with which in my books, makes it perfect for someone who either wants to get into the video game industry, enjoyed the filling or creation, or wants to make money out of creating video game. So I hope you will enjoy this class. Feel free to let me know if you have any questions. 2. Class 1 (presentation): Hello, hello, hello everybody. This is Roy on your teacher and they can teach you how to use an amazing program called Construct three. And we're going to create our first video game. And it's going to be a top-down shooter game. Okay, so let's jump right in. Our agenda is going to be layouts and viewports, objects and sprites. How to open a template, how to add an object, properties and Project Windows. Create a top-down shooter obviously. And what are we going to learn today in the game that we're going to create how to change the size of a sprite of an image. To change the image of a sprite, you're going to understand everything later and how to change the properties of an object. Okay, The reason I'm telling all this in the beginning of the video is because if later on you're gonna wanna see this video again and you will be sure what I'm going to talk about. So this is everything I'm going to teach you today. Okay, let's continue. So what is construct three? Constructs three is a game engine. Means you can create 2D game. To the means only has width and height, okay? It does not have depth like a 3D game. And concert have all the tools that you need to create these two the gains, for example, like Super Mario Brothers. So our game has a layout and a viewport. So the layout would be the entire level of the game. Can be a level. It can be the ending credits, it can be the opening menu, can be all those things. And the viewport. So the viewport is like a camera. Okay, so imagine this is Mario Brothers, if any of you didn't notice. Okay, So Mario Brothers has a really long layout. Starts from left to right and you're running, jumping, you're taking mushrooms, baba, baba. Okay. But you don't see the entire layout, right? You don't see the internal level, you only see a part of it. So that part that you can see in construct is called a viewport. Okay? So objects, objects are what the gain is made of from player to music, to backgrounds. So everything that we have in our game and we can control in kind of effect with coding or other methods is an object. Okay? Some of them are visible like images that we can animate and move. They're called sprites. And some of them or behind the scenes, for example, music or the keyboard or your mouse. Obviously you can use it, you can see it, but in the game you cannot see the mouse and keyboard, but we can affect them in code them for, let's say your left mouse button would make something fire would make the player fire, right? Okay. So what is a Sprite? Sprite is an image. For example, enemies, player, bullets, all these things are sprites. They can be moved or animated. Not all images are sprites. We can have a background image, right? We don't really interact with it. We can animate it. But it's still an image, but it's not a sprite case. So if you can move it and you can animate it, It's a sprite. Sprite is a type of an object, as I explained before, there's a bunch of objects in construct. Different types. Can be sprites, it can be audio, should be background images, it can be text, okay? And a sprite is a type of object. Okay, So that's everything we need to learn when you needed to know for today. So we're going to work on our top-down shooter. Your first game. 3. Opening Construct: Okay, So to open construct, need to open a new tab. And in Google Search, construct three, you're going to see this link. Construct three game making software. You're going to click on it. You'll see this page. I'm going to click on Try it now, then launch. Now. This is the main tab of construct. Okay? So what do you need to know about this page? This is how we open a new project. Okay, These are three options. We can see VR project or gaming cloud in a browser or in a file, which means downloading and actual file. And here we have a bunch of demos other people have created. If you're going to click on preview, it's going to open a new pop-up window with just the game. If you're going to click on open a project, it's going to actually open the project in construct and allow you to change the code, see how the game works, all that good stuff. Okay, but what we're interested in is the templates, face of the templates or let's say they're kind of the skeleton that the base of the game, it doesn't really have everything, but it has all the core mechanics that the game needs for you to understand how, how it works. And then you can add your own stuff to make the game better and kind of make it your own. And again, we're interested in, I'm going to scroll down is top-down. Sure. I'm not gonna open it with I'm going to open it with Open Project. It's going to take a second. And this is our game. 4. Tabs: K. So this is the game engine construct with the game opens. So two things you need to know here. We have the Properties window on the left and properties window give me all the properties of whichever object I selected, in this case, the layout. Okay, So if you can remember, I'm going to move a little bit backwards. I'm going to zoom out the way. Zoom out. I hold Control and I scroll backwards with my keyboard. Okay. If I want to zoom in, I'm going to hold Control and zoom, scroll up J. And if I want to move the entire layout, I'm going to hold the scroller. And then I can move everything. And I want to make sure that everything is in the middle. Okay, so if I'm going to click on, let's say this is a player. I'm going to click on the player. You see that the properties have changed to the player and then the entire properties of these clear. So the size of the player, its position, et cetera. Okay. It's by accident. You close this window, this bar, the way you get it back. Click on menu, few bars, and then you have these three bars. D3 bars should always be out. But look what happened when I clicked on it. It's not where it was in the beginning and I want to put it back so I hold. When they move it gives me all the options where I wanted to be k. So you can either use the left one or this one is the same thing. Okay, now it's back. Everyone's happy. Again. See, we get, okay, so this one is the project bar. Okay, I'm going to put it back. Left me one sec. Let me set these up. There you go. Okay, So this is the project bar. It has all the objects I have in construct the layout. The project itself, bullet the enemy, as I said, keyboard and mouse that we can't see player, the text, and the tiled background. Okay. 5. Basics : So let's start to do some stuff in this scheme. A little bit more interesting. But before we do that, let's see how the game works. Okay, so the way I check a game, the way, the way preview game is I have this little rectangle here. I'll click on it. We're going to have a pop-up window. I can make it bigger. Okay. So there it is, arrow keys or WASD to move, mouse to aim and shoot. So I can move around, I can fire. And when I hit an enemy enough times, in this case ten, with ten bullets, it's gonna get destroyed. Okay, so a question. What is the layout in my game and what is the viewport? So the layout is my entire level, right? The viewport, you see this dotted line, okay? So this small, smaller rectangle is my viewport. When I move the player, my viewport is following the player. Okay? So it would always try to be in the middle. In the center of my screen. I see this enemy when I start the game. Let's see again, let's check it again. No, I don't see it. Only when I move down I can see it. Okay. Why? Because it's outside of the viewport. If I'll put it here. Now I can see half. Okay, What else? So what I wanna do now is I want to change the images of the player, and I want to change the images of my enemies K to make the game a little bit more interesting because rectangle, sorry, triangle, firing, circles, add a rectangle is not that interesting. 6. Changing an image of an object: So how do I change the images? I need to double-click on the player, and then this Animations Editor, player window opens. So this is kinda like paint. If you've ever used it before as a bunch of tools here, you can erase if you wish, by the way, I haven't said that before, but you can always use Control Z to undo or Control Y to redo j. You also have them here, redo and undo. And then here in the big screen, the mainstream phase. So you have the eraser, you have a pencil, J, you can change the size. You have the brush. Again, you can change the size. I think the difference is that one of them, one of them is a circle and then the other is a rectangle. You have the line rectangle. The rectangle has two colors, j, same thing with the circle. And then you have the Field tool. This is the one I kinda use the most. Okay. It would fill the entire surface with the same color. Okay. So yeah, we can do something. Let's give it a Smiley face, C, k, but this is not what I wanted. I wanted an actual image. So if you've downloaded the images, I've connected to this video. So you can, one thing that you can open them from here and figure out where you download it and downloaded them to and open them. Or you can just drag them in. So I'm going to drag the soldier. Then look, it's going to be here. I'm going to zoom out. 7. Soldeir: Okay, so once I close the window, look, it is really, really big. Okay? So this was the size of the player before, and this is the size of a pear now, so the way you change the size of an image is first of all, you can change the numbers here, or you have these rectangles that you can drag. So if I'm going to drag this one, it's going to change the width. If we want to change this one, it's going to change the height. We're going to, if I want to change both of them at the same time, I just pick one of the corners and then I can control both width and height. But I want to keep the ratio because this is really hard to keep the ratio of the original image. So what I need to do is I'm going to need to hold Shift. C will happen when I'm holding Shift. It's going to keep the ratio k, So I'm gonna make it smaller. I'm going to release the mouse first and then shift. Okay, So this is my player. Let's play the game and see how it looks with nice, Awesome K. So if you think you can do it on your own, pause the video now and change the image of the enemies to the tank image I gave you. If not, just see what I do and follow my instructions. 8. Tank: So I'm going to double-click on one of the enemies. It doesn't matter which. And I'm going to drag that pink. And I'm going to zoom up. Awesome, this is my tank. Looks good. Okay, but what happens when I close the window, Though, I think is now huge. The image size would just really big. And that happens. Okay, so we can change the size of them one by one, but that would take a long time and it would be hard to get all of them the same size. So I need to select all of them. So I can do that by holding Control and click on the one-by-one. But again, this would take very long. Okay? So you can just click on enemy here and it would choose all of them automatically. And then I'm going to hold Shift. I'm going to make one of them smaller and it's going to affect all of them right away. And I drag them in and then I came going to click outside of the screen. And then I'm going to move them one by one. There we go. Now, if you want to duplicate the image is to have more tanks. What you can do is click on one, control C to copy, control V to paste, and my cursor just change to across indicating construct is asking me what do you want to put the new tank? And there's another way you can just hold Control and drag. And if you want to delete some of them, you choose one. Press Delete on the keyboard. 9. Bonus (properties): Okay, So this is almost everything for today. But what I want to add as well is first of all, this is everything you want. Everything I'm going to add now is things that you need to do on your own. So first thing you can do is you can find an image of a bullet or anything you want to shoot and then change the image of this bullet like we did before to a different image. If you're searching on Google for a new image, whatever it is you're searching for if you want to fire, I don't know. Ketchup bottles, right? Don't forget to type ketchup bottles. And then after that, P and G, PNG image is an image without a background. So after you type that in Google, you press Enter, you go to images, then you need to right-click Save Image As. Okay. Then you just drag it like we did before, and you're going to have a different image than this little yellow circle. Okay, so what else we can change in our game? So in properties, we can change a bunch of stuff. So if I'm going to click on the bullet, see the properties of the bullet. I have here, the speed. So now it's moving at a speed of 700 pixels per second. Let's make it 70. Look what happens. Now I have a bubble gun and I can actually move faster than the bullets. That's kinda cool. Okay, what else we can change? We can change how fast my dplyr is moving. So now it's moving at the speed of 200 pixels per second. And let's change it to 2000. Okay, but its acceleration, if you don't know, acceleration is the change of speed. So if it's going to start at a speed of 0 every second when I'm moving, obviously, second I'm going to add 600, that original speed. So after two seconds, the speed of the player would be 1200. Exactly. Situation is the same thing but opposite. So instead of adding the speed, it's deducting from the speed. So if maximum speed I'm at 2 thousand, How long would it take it to go to 0 if it's losing 500 every second? It's going to take four seconds exactly. Okay, so I change it from 202 thousand and we're going to change acceleration 2000 as well because I wanted to get to maximum speed right away. And I wanted to stop right away as well. So it's gonna take your 1 second to get from 0 to 2000. And then once I can get from 2000 vector 0. That looks funny. Okay, So, yeah, one last thing that we can change. Each enemy has its health, and every time a get hit by a bullet, it's going to lose 10 out of a 100. So how many times do I need to hit the tank for it to get destroyed? Then times right away to the job. Okay. So I don't want it to have a 100 and health that's too much and want to make it a little easier. So if I'm going to change one of them, let's say from 130. So I need to hit it three times. Okay. Did it affect all the other things that we didn't see? This one has a 100, of them has a 100 except this one that has 30. That's because when you create a variable, this is a variable. When you create a variable for Sprite, each sprite has a different variable. They're not connected. Okay, so if I want to change all of them, I need to select all of them and then change it to 30. Excuse me. Now, each tank going to have is going to have 30 HB seeing this one has three, this one had 30. So when I'm going to play the game, a little bit down, 123123123123123123. Yeah. Okay. So it's working perfectly. Thank you so much. If you want to learn how to move distinct, surround or add some more cool stuff, please feel free to check our other classes and videos. Next class we're going to create a super, super cool game, one of my favorites, It's the first game ever created, the first video game ever created. It's called Pong. It's kinda like ping pong or table tennis. I hope you enjoyed this class, boys and girls, and I'll see you later. Have a great day. 10. Summary : So, ladies and gentlemen, boys and girls, we've learned some interesting tool today which constructs three. We learn how to change images, how to change your properties, and so on. I know this class wasn't the most challenging for you guys. You're smart people being. So smart, you must know that in learning a new program, you have to start with the beginning and learn the basics tools first. I promise you that from now on that you already know the basics. The class will become much more challenging and interesting. So don't give up and go to the second class. Good luck, have fun. And I'll see you in class 2, where we will learn how to program and create the Pong game. One of the first video games ever created. See you there.