1. Game Development with Construct 2
Game Design & Development
Digital Multimedia Tech. Program
Politeknik Negeri Jakarta

2. Module Overview Intro to Game Making Introduction to Construct 2
Hands on Demo

3. Intro to Game Making

4. Intro to Game Making
Game are everywhere… Mobile devices are everywhere!
Successful/ popular games
Flappy Bird
Words with Friends
Candy Crush
Angry Birds

5. Why Make Mobile Games? Money! Resume/Portfolio
3 main ways to make money
Ads (Flappy Bird)
In App Purchases (IAP) (Candy Crush)
Sell your game (Angry Birds)
Resume/Portfolio
Student? Professional developer?

6. Introduction to Construct 2

7. What is Construct 2?
Construct 2 is a powerful ground breaking HTML5 game creator designed specifically for 2D games. It allows anyone to build games-no coding required!

8. Downloading Construct 2
6/25/2018
Downloading Construct 2
Download!
© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.
The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

9. Cross Platform Publish anywhere… Construct 2 publishing
HTML5 website -> web server
Scirra Arcade
WP8 or Windows 8
PhoneGap -> iOS or Android

10. UnUrban Tech: Game Dev with Family
Gerrel Jones
39 year old Freelance App Developer
Builds games with Construct 2 and Unity
Lost home in fire…
… but building games with the family to raise funds
wife is a Social Media maven
6 kids (one who is Autistic) are the marketing/creative development depts.
Q&A: jones/
Soft Kitty HD on Windows 8: us/app/soft-kitty-hd/bcc611ad-61f b0d3-6e0dae5007cb

11. The IDE Toolbar Projects/Layers Tabs for Layouts & Event Sheets
Properties
Layout
Objects

12. Objects Ex. Tiled Backgrounds, Sprites, Text, etc. Add an object
Double click layout or Right click and select “Add Object”
“When inserting a new object, typically you first choose the plugin in the dialog (e.g. Sprite). This then creates an object type. When the mouse turns to a crosshair this allows you to place the first instance, and you can duplicate the instance to create more of them.”
Adding Logic
Event sheet or Behaviors

13. Behaviors Built in logic to apply to your Objects Add Behavior
Bullet- move at given angle
Scroll To- centers the view on the object with the behavior
Destroy Outside Layout
Many many more!
Add Behavior
Properties Pane for Object

14. Layout vs. Event Sheet Layout Event Sheet
“a pre-arranged layout of objects”
Add objects and arrange them
Size, orientation, behaviors, etc.
Event Sheet
Logic for your game
lists of events and actions

15. Event Sheet “Define how the game works using a logical block system”
Actions
“Define how the game works using a logical block system”
Checks for a condition (ex. On Start of Layout)
Can have nested events
Appears to the right of the listed events
Occurs when triggered by corresponding event
Can have multiple for actions for one event

16. Graphs in Computer Graphics
KNOW YOUR X and Y!
Graphs in Math class
Graphs in Computer Graphics

17. Hands on Demo- Top

18. Top Down Inserting Objects Adding Behaviors Events
Adding Game Functionality
Instance Variables
Keeping Score
Creating an HUD

19. Inserting Objects Tiled Background Adding a Layer
Add the Input Objects
Keyboard and touch
The Game Objects
Player
Monster
Bullet
Explosion

20. Adding Behaviors Behaviors Create Some More Monsters
Player- 8Direction, ScrollTo, BoundToLayout
Bullet Object- Bullet and Destroy Outside Layout
Monster-Bullet
Explosion- Fade
Create Some More Monsters

21. Events About Events Conditions, Actions, and Sub- Events
When condition is met, action is executed
Run 60 times/sec (“tic”)
Conditions, Actions, and Sub- Events
Your First Event
Move player towards mouse every tick

22. Adding Game Functionality
Get player to shoot
Shoot when user clicks
Explosion Effect
Making Monsters a little Smarter

23. Instance Variables Add Instance Variable Changing the Events
Player - Health
Changing the Events
Subtract from health instead of killing monster
Kill monster if health is less than 0

24. Keeping Score Add Global Variable Instead of instance variable
Right-Click on Event Sheet and choose “Add Global Variable”
Increase Score each time a monster dies

25. Creating a Heads Up Display
Interface to show health, score, etc.
Create an HUD Layer
Set parallax to 0
Doesn’t move when scrolling
Insert Text Object
Every tick, update text

26. BUT FIRST… HOW DO YOU COMBINE TEXT?
quote
text
space
quote
"Score: " & Score
&
(ampersand)
String
Variable

27. WHAT WILL IT LOOK LIKE IN THE GAME?
"Score: " & Score
displays
Score: 100

28. BUT FIRST… WHAT IS PARALLAX?
When the
background layers
scroll separately

29. Finishing Touches
Create a Monster
Allow Monsters to kill players 