How to Make Your Own Games with Construct 3

Have you ever dreamed of making your own games, but felt intimidated by the complexity of coding or the cost of software? If so, you might want to check out Construct 3, a free online tool that lets you create games in the browser with ease and fun.

Construct 3 is a game engine that allows you to design, build, and publish games for various platforms, such as web, mobile, desktop, and console. You don’t need to install anything, just open your browser and start creating. You can also access your projects from any device, and collaborate with others online.

Construct 3 is suitable for beginners and experts alike, as it offers both a visual scripting system and a JavaScript editor. You can create games by using drag-and-drop events, actions, and conditions, or by writing your own code. You can also use the built-in behaviors, effects, and plugins, or extend the engine with your own addons.

Credits : Gigantic

Construct 3 also comes with a powerful animation editor, called Construct Animate, that lets you create stunning animations for your games. You can import sprites, draw frames, edit bones, and apply tweens. You can also export your animations as spritesheets, GIFs, or videos.

Construct 3 has a large and active community of game developers, who share their projects, assets, and tutorials on the Construct website. You can browse thousands of games, learn from hundreds of tutorials, and get feedback from other users. You can also join the forums, blogs, and social media channels to stay updated and connected.

If you want to learn more about Construct 3, you can visit the official website1, where you can find the documentation, the manual, the FAQ, and the pricing plans. You can also try Construct 3 for free2 for up to 25 events per project, or upgrade to a subscription for unlimited events and features.

In this blog post, I will show you how to make a simple platformer game with Construct 3, using the visual scripting system. You will learn how to create a layout, add a player, add enemies, add coins, add a HUD, and add a win condition. You will also learn how to test and export your game.

Step 1: Create a New Project

To create a new project, open Construct 3 in your browser and click on the “New project” button. You will see a dialog box where you can enter the project name, the author name, the description, and the orientation. For this tutorial, I will name my project “Platformer”, and choose the landscape orientation. You can also choose a template or a preset, but I will leave them blank. Click on the “Create” button to confirm.

You will see the Construct 3 editor, which consists of several panels and tabs. On the left, you have the Project Bar, where you can see the files and folders of your project. On the right, you have the Properties Bar, where you can see and edit the properties of the selected object. On the bottom, you have the Layers Bar, where you can see and manage the layers of your layout. On the top, you have the Menu Bar, where you can access the main functions and settings of the editor. And in the center, you have the Layout View, where you can see and edit the visual elements of your game.

How to Change Viewport Size in Construct 3
How to Change Viewport Size in Construct 3

Step 2: Create a Layout

A layout is the main container of your game, where you can place and arrange the objects that make up your game world. To create a layout, right-click on the “Layouts” folder in the Project Bar and select “Add layout”. You will see a dialog box where you can enter the layout name and size. For this tutorial, I will name my layout “Level1”, and set the size to 1280 x 720 pixels. Click on the “Create” button to confirm.

You will see a blank layout in the Layout View, with a grid and a crosshair. You can use the mouse wheel to zoom in and out, and the middle mouse button to pan around. You can also use the keyboard shortcuts to perform these actions. You can change the grid settings and the layout color in the Properties Bar.

Step 3: Add a Player

A player is the main character of your game, that the user can control and interact with. To add a player, you need to create a sprite object, which is a basic graphic element that can display an image and perform animations. To create a sprite object, right-click on the layout in the Layout View and select “Insert new object”. You will see a dialog box where you can choose the object type and name. For this tutorial, I will choose the “Sprite” object type, and name it “Player”. Click on the “Insert” button to confirm.

You will see a crosshair in the Layout View, where you can place the sprite object. Click anywhere on the layout to place the sprite object. You will see a default image of a blue square, which you can change later. You will also see the sprite object in the Project Bar, under the “Objects” folder.

To edit the sprite object, double-click on it in the Layout View or in the Project Bar. You will see the Image Editor, where you can import, draw, and animate the sprite object. For this tutorial, I will import an image of a character that I downloaded from the Construct website. You can find the image here3. To import the image, click on the “Import frames” button in the Image Editor, and select the image file from your computer. You will see the image in the Image Editor, with a transparent background.

You can use the tools and options in the Image Editor to modify the image, such as cropping, resizing, rotating, flipping, and coloring. You can also add more frames to create animations, such as walking, jumping, and dying. For this tutorial, I will leave the image as it is, and close the Image Editor.

You will see the image of the character in the Layout View, instead of the blue square. You can use the mouse and the keyboard to move, resize, and rotate the sprite object. You can also use the Properties Bar to change the properties of the sprite object, such as the position, the size, the angle, the opacity, and the origin. For this tutorial, I will set the position to (100, 600), the size to (64, 64), and the origin to (32, 32).

Step 4: Add Enemies

Enemies are the obstacles and challenges of your game, that the player has to avoid or defeat. To add enemies, you can use the same method as adding the player, by creating sprite objects and importing images. For this tutorial, I will create two types of enemies: a flying enemy and a ground enemy. I will use the images that I downloaded from the Construct website. You can find the images here4 and here.

To create the flying enemy, follow these steps:

  • Right-click on the layout and select “Insert new object”.
  • Choose the “Sprite” object type and name it “FlyingEnemy”.
  • Click anywhere on the layout to place the sprite object.
  • Double-click on the sprite object to open the Image Editor.
  • Click on the “Import frames” button and select the image of the flying enemy from your computer.
  • Close the Image Editor.
  • Set the position to (800, 200), the size to (64, 64), and the origin to (32, 32).

To create the ground enemy, follow these steps:

  • Right-click on the layout and select “Insert new object”.
  • Choose the “Sprite” object type and name it “GroundEnemy”.
  • Click anywhere on the layout to place the sprite object.
  • Double-click on the sprite object to open the Image Editor.
  • Click on the “Import frames” button and select the image of the ground enemy from your computer.
  • Close the Image Editor.
  • Set the position to (1200, 600), the size to (64, 64), and the origin to (32, 32).

You will see the images of the enemies in the Layout View, along with the image of the player. You can use the mouse and the keyboard to adjust the position and size of the sprite objects, and the Properties Bar to change the properties of the sprite objects.

Step 5: Add Coins

Coins are the collectibles and rewards of your game, that the player can pick up and increase their score. To add coins, you can use the same method as adding the enemies, by creating sprite objects and importing images. For this tutorial, I will create one type of coin, with a simple animation. I will use the image that I downloaded from the Construct website. You can find the image here.

To create the coin, follow these steps:

  • Right-click on the layout and select “Insert new object”.
  • Choose the “Sprite” object type and name it “Coin”.
  • Click anywhere on the layout to place the sprite object.
  • Double-click on the sprite object to open the Image Editor.
  • Click on the “Import frames” button and select the image of the coin from your computer.
  • You will see four frames of the coin, each with a different angle.
  • Select all four frames by clicking and dragging on the frame list, or by pressing Ctrl+A.
  • Click on the “Animation properties” button in the Image Editor, and set the speed to 10 and the loop to yes.
  • Close the Image Editor.
  • Set the size to (32, 32) and the origin to (16, 16

Step 6: Add a HUD

A HUD (head-up display) is the interface of your game, where you can show information and feedback to the player, such as the score, the health, the time, and the instructions. To add a HUD, you need to create text objects, which are basic graphic elements that can display text and numbers. To create text objects, right-click on the layout in the Layout View and select “Insert new object”. You will see a dialog box where you can choose the object type and name. For this tutorial, I will choose the “Text” object type, and name it “ScoreText”. Click on the “Insert” button to confirm.

You will see a crosshair in the Layout View, where you can place the text object. Click anywhere on the layout to place the text object. You will see a default text of “Text”, which you can change later. You will also see the text object in the Project Bar, under the “Objects” folder.

To edit the text object, click on it in the Layout View or in the Project Bar. You will see the properties of the text object in the Properties Bar, where you can change the text, the font, the size, the color, the alignment, and the effects. For this tutorial, I will set the text to “Score: 0”, the font to “Arial”, the size to 32, the color to white, and the alignment to left.

You will see the text object in the Layout View, with the updated properties. You can use the mouse and the keyboard to move, resize, and rotate the text object. For this tutorial, I will set the position to (50, 50).

To create more text objects, you can use the same method as creating the score text, or you can copy and paste the existing text object and modify its properties. For this tutorial, I will create two more text objects: one for the instructions and one for the win message. I will name them “InstructionsText” and “WinText”, and set their properties as follows:

  • InstructionsText: text = “Use arrow keys to move and jump”, font = “Arial”, size = 24, color = white, alignment = center, position = (640, 50).
  • WinText: text = “You win!”, font = “Arial”, size = 48, color = white, alignment = center, position = (640, 360), visible = no.

You will see the text objects in the Layout View, with the updated properties. You can use the mouse and the keyboard to adjust the position and size of the text objects, and the Properties Bar to change the properties of the text objects.

Step 7: Add a Win Condition

A win condition is the goal of your game, that the player has to achieve to complete the game. To add a win condition, you need to create an event, which is a condition that triggers an action. To create an event, click on the “Event sheet 1” tab in the Layout View, to switch to the Event Sheet View. You will see a blank event sheet, where you can add events and actions.

To add an event, right-click on the event sheet and select “Add event”. You will see a dialog box where you can choose the object and the condition. For this tutorial, I will choose the “Player” object and the “On collision with another object” condition. Click on the “Next” button to confirm.

You will see another dialog box where you can choose the other object. For this tutorial, I will choose the “Coin” object. Click on the “Done” button to confirm.

You will see the event in the event sheet, with the condition and an empty action. To add an action, right-click on the action and select “Add action”. You will see a dialog box where you can choose the object and the action. For this tutorial, I will choose the “Coin” object and the “Destroy” action. Click on the “Done” button to confirm.

You will see the action in the event sheet, under the condition. This event means that when the player collides with a coin, the coin will be destroyed. To make the event more interesting, you can add more actions, such as increasing the score, playing a sound, and showing the win message. To add more actions, you can use the same method as adding the first action, or you can copy and paste the existing action and modify its properties. For this tutorial, I will add the following actions:

  • ScoreText: Set text to “Score: ” & Score + 1
  • Audio: Play “Coin” (tag “”) at volume 0 dB (looping: No)
  • System: Add 1 to global variable “Score”
  • System: Compare variable “Score” = 3
  • WinText: Set visible to Yes
  • Audio: Play “Win” (tag “”) at volume 0 dB (looping: No)

You will see the actions in the event sheet, under the condition. These actions mean that when the player collides with a coin, the score text will be updated, the coin sound will be played, the score variable will be increased, and if the score variable is equal to 3, the win text will be shown and the win sound will be played.

You have now completed the basic steps of making a platformer game with Construct 3. You can test and export your game by clicking on the “Preview” and “Export” buttons in the Menu Bar. You can also add more features and polish to your game, such as adding more levels, more enemies, more coins, more sounds, more effects, and more animations. You can also use the JavaScript editor to add more logic and interactivity to your game.

Conclusion

I hope you enjoyed this blog post and learned something new about Construct 3. If you want to learn more about Construct 3, you can visit the official website1, where you can find the documentation, the manual, the FAQ, and the pricing plans. You can also try Construct 3 for free2 for up to 25 events per project, or upgrade to a subscription for unlimited events and features.

If you have any questions or feedback, feel free to leave a comment below or contact me on my social media channels. You can also share your games with me and the Construct community on the Construct website3, where you can find thousands of games, assets, and tutorials. I would love to see what you create with Construct 3.

FAQs

  • Q: What is Construct 3?
  • A: Construct 3 is a game engine that lets you create games in the browser without coding or with JavaScript. You can publish your games to various platforms, such as web, mobile, desktop, and console. You can also use the built-in animation editor, called Construct Animate, to create stunning animations for your games.
  • Q: How can I get started with Construct 3?
  • A: You can get started with Construct 3 by visiting the official website1, where you can find the documentation, the manual, the FAQ, and the pricing plans. You can also try Construct 3 for free2 for up to 25 events per project, or upgrade to a subscription for unlimited events and features.
  • Q: How can I make a platformer game with Construct 3?
  • A: You can make a platformer game with Construct 3 by following this tutorial3, which will guide you through the basics of creating a layout, adding a player, adding enemies, adding coins, adding a HUD, and adding a win condition. You can also check out other tutorials4 and courses5 on the Construct website.
  • Q: How can I add more features and polish to my platformer game?
  • A: You can add more features and polish to your platformer game by using the tools and options in the Construct 3 editor, such as adding more levels, more enemies, more coins, more sounds, more effects, and more animations. You can also use the JavaScript editor to add more logic and interactivity to your game.
  • Q: How can I test and export my platformer game?
  • A: You can test and export your platformer game by clicking on the “Preview” and “Export” buttons in the Menu Bar. You can preview your game in the browser, or on your device using the Construct 3 app. You can export your game to various formats, such as HTML5, Android, iOS, Windows, Mac, Linux, Steam, Itch.io, Newgrounds, Facebook, and more.
  • Q: How can I share and get feedback on my platformer game?
  • A: You can share and get feedback on your platformer game by uploading it to the Construct website6, where you can find thousands of games, assets, and tutorials. You can also join the forums, blogs, and social media channels to stay updated and connected with the Construct community.
  • Q: What are the benefits of using Construct 3 over other game engines?
  • A: Some of the benefits of using Construct 3 over other game engines are:
    • It runs in the browser, so you don’t need to install anything, and you can access your projects from any device.
    • It offers both a visual scripting system and a JavaScript editor, so you can create games without coding or with coding.
    • It comes with a powerful animation editor, called Construct Animate, that lets you create stunning animations for your games.
    • It has a large and active community of game developers, who share their projects, assets, and tutorials on the Construct website.
  • Q: What are the limitations of using Construct 3?
  • A: Some of the limitations of using Construct 3 are:
    • It is mainly focused on 2D games, so it may not be suitable for 3D games or complex physics simulations.
    • It requires an internet connection to run, unless you download the desktop version or the mobile app.
    • It has a free trial with a limit of 25 events per project, and a subscription model with different plans and prices.
  • Q: Where can I find more resources and support for Construct 3?
  • A: You can find more resources and support for Construct 3 on the official website1, where you can find the documentation, the manual, the FAQ, and the pricing plans. You can also find more resources and support on the Construct website6, where you can find thousands of games, assets, and tutorials. You can also find more resources and support on the forums, blogs, and social media channels, where you can ask questions, share ideas, and get feedback.
  • Q: How can I contact the Construct 3 team or give feedback?
  • A: You can contact the Construct 3 team or give feedback by using the contact form on the official website1, or by sending an email to hello@construct.net. You can also contact the Construct 3 team or give feedback on the forums, blogs, and social media channels, where they are active and responsive.

Read More

Power of Tag construct 3: New in the Market
Tags: No tags

Add a Comment

Your email address will not be published. Required fields are marked *