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

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

Intro to Game Making

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

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?

Introduction to Construct 2

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!

Downloading Construct 2 6/25/2018 Downloading Construct 2 https://www.scirra.com/ 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.

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

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: http://wakeupandcode.com/unurbantech-qa-with-gerrell- jones/ Soft Kitty HD on Windows 8: http://apps.microsoft.com/windows/en- us/app/soft-kitty-hd/bcc611ad-61f2-4583-b0d3-6e0dae5007cb

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

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

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

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

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

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

Hands on Demo- Top

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

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

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

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

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

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

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

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

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

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

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

Finishing Touches Create a Monster Allow Monsters to kill players 