380 likes | 498 Views
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.
E N D
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 • Game are everywhere… Mobile devices are everywhere! • Successful/ popular games • Flappy Bird • Words with Friends • Candy Crush • Angry Birds
Why Make Mobile Games? • Money! • 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?
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 • https://www.scirra.com/ Download!
Cross Platform • Publish anywhere…
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 Projects/Layers Toolbar 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 • 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 • “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 Events Actions Appears to the right of the listed events Occurs when triggered by corresponding event Can have multiple for actions for one event • “Define how the game works using a logical block system” • Checks for a condition (ex. On Start of Layout) • Can have nested events
KNOW YOUR X and Y! Graphs in Math class Graphs in Computer Graphics
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 • Player- 8Direction, ScrollTo, BoundToLayout • Bullet Object- Bullet and Destroy Outside Layout • Monster-Bullet • Explosion- Fade • Create Some More Monsters
Events • About 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 • 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? text quote quote space "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