1. Delivered on Project II Lecture Game Technology Study Program Politeknik Elektronika Negeri Surabaya

2. About this course.. Penentuan Kelompok dan Diskusi Tema (Minggu 1) Rancangan Game dan Desain Aset (Minggu 2-3) Video/Paper Proposal (Minggu 4-5) Block Programming (Minggu 6-7) Demo Prototype Game (Minggu 8)  Sebagai Nilai UTS Block Programming Lanjut (Minggu 9-11) Desain User Interface (Minggu 12) Pengaturan Skor & Level (Minggu 13-14) Debugging, Testing, & Build to Device (Minggu 14-15) Demo dan Presentasi Akhir (Minggu 16)

3. Intro to Game Making Introduction to Construct 2 Hands on Demo- Top Down Shooter Module Overview

4. Intro to Game Making

5. Game are everywhere… Mobile devices are everywhere! Successful/ popular games –Flappy Bird –Words with Friends –Candy Crush –Angry Birds

6. 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?

7. Stats…WOW!! 100+ million U.S. gamers (almost 1/3 of population) 34% of the top 100 grossing apps in the App store are using the freemium model Mobile gaming industry is predicted to reach $54 billion by 2015 Over 80% of all revenue by mobile in 2012 was from games Mobile games are the most popular App Category 70-80% of all mobile downloads are games

8. Introduction to Construct 2

9. 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!

10. Downloading Construct 2 https://www.scirra.com/ Download!

11. Cross Platform

12. 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/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-6e0dae5007cbhttp://apps.microsoft.com/windows/en- us/app/soft-kitty-hd/bcc611ad-61f2-4583-b0d3-6e0dae5007cb

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

14. 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 Objects

15. 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 Behaviors

16. 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 Layout vs. Event Sheet

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

18. KNOW YOUR X and Y! Graphs in Math classGraphs in Computer Graphics

19. DEMO Hands on Demo- Top Down Shooter

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

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

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

23. 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

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

25. 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

26. 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

27. 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

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

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

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

31. Finishing Touches Create a Monster every 3 seconds Allow Monsters to kill players 