Adding Layers to Organize the Layout
Try reloading this page, or reviewing your browser settings
This video demonstrates how to create a new project in Construct 2 and configure the basic project settings.
- Construct 2
About this video
- Lee Stemkoski
- First online
- 15 February 2019
- Online ISBN
- Copyright information
- © Lee Stemkoski 2019
Lee Stemkoski: In this video, you’ll download the assets, the file containing all the graphics and sounds you will need to create this video game. Then we’ll talk about creating a new project in Construct 2 then we’ll do some basic setup, configuring project properties and setting up the layers that will help us keep the objects in our game organized.
So to begin, there’ll be a link provided below which will allow you to download a zip file containing all the different graphics that we need. So here I have it in my Downloads folder. On Windows, we should be able to just extract the contents of this folder either by clicking the button along the top of the file manager menu or by right clicking. I could choose extract all and I’ll extract that right here to my Downloads folder. Then when I’m done, you can explore the folder if you want. In this folder, there are audio files we will need for all our sound effects. There are sprite files. These are images of the different characters and items in our game and there’s some user interface graphics, some menu text and other control icons, which will be helpful to us later on. So remember where this folder is. We’ll need that later.
The next step is to start the Construct game engine. You’ve already downloaded and installed that. So find the icon in your Start menu or perhaps there’s the shortcut on your Desktop. When you begin, you’ll see a screen like this. To start, I’m going to close the Start page by clicking on that x and in the File menu, let’s select New. There are many templates to choose from, but we’d like to start simple. We’re going to start with a default new empty project. Click on Open.
When we begin we see the four main panels we’ve mentioned before. The Main panel in the center, which contains our layout in event cheat, both of which are currently blank. On the side, we have a Properties panel. On the right upper right, we have our Projects panel, and on the lower right, we have our Objects panel. And most of these are empty. You’ll notice that if I click on the layout area at all, the Projects panel will change to give you the properties of the layout itself.
So to begin, I’d like to go back to the Project properties. On the Properties panel next to Project properties, an underlined blue word that says View. Let’s click on that and we’re going to change some of these settings. So this is mostly information associated with our project. On the left are the names of the fields and on the right, you can click in these little text boxes and change the contents. So next to Name, that’s the name of our game. I’ll click in there, I’ll delete New project and I’ll type the name of our game, which is Jumping Jack. We don’t need an ID. I’ll go ahead and delete that. Next to Author, you can go ahead and enter your own name if you wish, and if you have an email or a website you’d like to share, you could enter that as well.
Underneath Project settings, the most important setting we’re going to change right now is the window size. This is how large the window will be, not the game world, but the window that displays it. I’d like to delete those numbers and I’ll type in 800, 640. So that corresponds to the width and the height in pixels of our window, respectively. I’ll press enter every time I change a field for the first time that shows up in bold. We can choose a preview browser. It’ll default to whichever browser you use to look at web pages. I’m going to click and change that to Chrome. The Chrome browser works very well for these games. Firefox also works well.
And that’ll be it for these settings. I’m going to go ahead and click on the layout again. I’d like to change the layout size as well. Think of this as the size of the world. Usually, platforms-style games are very long, so for the width I’m going to enter 2400, for the height, I’ll enter 640. Again, that’s the size of the game world. You might notice as I’m changing these numbers that in the layout, the size of this rectangle has changed as well. You might notice a gray dotted line right here. This indicates the boundary of the window, and I can use the scroll bars to scroll through the rest of the window to see how long my level will ultimately be. If you want to, you can press the middle mouse button that might simplify dragging around the window. If you hold control and use your mouse wheel, you can easily scroll in and out. That’ll be useful to know to more easily manage what we can see on the screen.