Intro to Construct 2: Ghost Shooter - Step by Step
Download as PPTX, PDF5 likes12,481 views
The document provides a comprehensive guide on using Construct 2 for game development, detailing the steps to create an indie game with various objects and behaviors. It includes instructions on adding sprites, managing events, and setting up game components like scores and layers. The author's background in Microsoft and indie game development is also highlighted, along with links to additional resources and tutorials.
Intro to Construct 2: Ghost Shooter - Step by Step
- 1. Windows 8 Windows Phone 8 Web Mobile … and more! @shahedC WakeUpAndCode.com
- 2. Intro > Construct 2 Basics > Characters and Objects > Bringing It All Together Wrap-Up
- 3. Period Background/Experience 1997 – present Microsoft web/software development 2011 XNA games on XBLIG • 2D Math Panic • Angry Zombie Ninja Cats 2012 Tools for XNA developers • XBLIG Sales Data Analyzer (OnekSoftLabs.com) • XNA Basic Starter Kit (CodePlex) Online: http://facebook.com/OnekSoftGames
- 4. Period Background/Experience 2013 • Ninja Cat Runner on Win8, WP8, Web (Construct2) • Video Q&A with MS Tech Evangelist Frank La Vigne • Founder/Admin of FB groups: Construct 2, Xbox One & Unity Indie Devs • Attended ID@Seattle, Microsoft’s ID@Xbox summit 2014 • Public Speaking on Indie Game Development • Joined Microsoft as a Technical Evangelist • Attended ID@Chicago Video: http://youtu.be/lRjrQPvVOpo
- 5. Source: Official Xbox Magazine, March 2014, Page 65 `
- 6. Tools & Technologies http://aka.ms/dcmeetup201406 http://aka.ms/PhillyBizSpark
- 8. Derived from Beginner's Guide to Construct 2 originally published by Ashley Concepts Steps Step-by-Step Screenshots, Grouped into Concepts Get pptx file and images from: http://WakeUpAndCode.com/downloads
- 13. Run it!
- 14. Click File New
- 16. Toolbar Projects/Layers ObjectsLayoutProperties Tabs for Layouts & Event Sheets
- 21. Click File Export project…
- 28. Click Open icon to load an image
- 29. Select bg.png from the images folder NOTE: this may look different on your computer Open!
- 31. Notice the extra space?
- 32. Graphs in Math class Graphs in Computer Graphics
- 33. Update: Position: • X = 0 • Y = 0 Size: • Width = 1280 • Height = 1024
- 34. Update: Size: • Width = 1280 • Height = 1024 Select Layout 1
- 35. Zoom Out: • Ctrl + Scroll
- 36. Zoom To 100%: • Ctrl + 0 (zero)
- 43. Add a new layer (plus sign)
- 45. Enter “Main”
- 48. Make sure Main layer is selected
- 49. Right-click to insert new object
- 51. Right-click *again* to insert another object
- 55. Right-click to insert new object
- 58. Click Open icon to load an image
- 59. Select player.png from the images folder NOTE: this may look different on your computer Open!
- 63. Right-click to insert new object
- 66. Click Open icon to load an image
- 67. Select monster.png from the images folder NOTE: this may look different on your computer Open!
- 71. Right-click to insert new object
- 74. Click Open icon to load an image
- 75. Select bullet.png from the images folder NOTE: this may look different on your computer Open!
- 77. Right-click to insert new object
- 80. Click Open icon to load an image
- 81. Select explode.png from the images folder NOTE: this may look different on your computer Open!
- 86. Name them: • Player • Monster • Bullet • Explosion
- 87. Change Blend Mode to Additive
- 88. Zoom Out: • Ctrl + Scroll
- 89. Move the bullet and explosion outside the Layout
- 92. Select Player
- 93. Click
- 94. Click Add New (plus sign)
- 97. Click Again
- 98. Click Add New (plus sign) again
- 100. Click Add New (plus sign) again
- 102. Close popup
- 105. Select Bullet
- 106. Click
- 107. Click Add New (plus sign)
- 109. Click Add New (plus sign) again
- 111. Close popup
- 112. Select Explosion
- 113. Click
- 114. Click Add New (plus sign)
- 116. Close popup
- 117. Update Bullet Speed = 600 Update Explosion Fade out time = 0.5
- 120. Select Monster
- 121. Click
- 122. Click Add New (plus sign)
- 124. Close popup
- 125. Update Monster’s Bullet Behavior Speed = 80
- 126. Select Monster Ctrl-Click and Drag to create more!
- 129. Add events to the Event Sheet
- 130. Object Condition Event An “Event” happens when a Condition is True for an Object
- 134. Click to Add Action
- 136. Select “Set angle toward position” then Next!
- 137. Enter Parameters • X = Mouse.X • Y = Mouse.Y Done!
- 140. Click to Add Event
- 143. Done!
- 144. Click to Add Action
- 147. Click to Choose
- 149. Done! Enter • Layer = 1 • Image point = 0
- 153. Click to Set origin and image points
- 154. Click to add
- 155. Click in front of gun Then, close popup
- 157. Done! Update • Image point = 1
- 159. Click to Add Event
- 161. Select “On collision with another object” then Next!
- 162. Click to choose
- 164. Done!
- 165. Click to Add Action
- 168. Click to Add Action
- 171. Click to Choose
- 173. Done! Enter • Layer = 1 • Image point = 0
- 174. Click to Add Action
- 179. Go to your Event Sheet
- 180. Click to Add Event
- 183. Click to Add Action
- 189. Go to your Event Sheet
- 190. Click to Add Event
- 193. Click to Add Action
- 196. Enter paramters • X = Player.X • Y = Player.Y Done!
- 199. Select Monster
- 200. Click
- 201. Click Add New (plus sign)
- 202. Enter the following: • Name: health • Type: Number • Initial Value = 5 • Description (optional) OK!
- 204. Right-click Monster – Destroy then click Replace action
- 207. Enter • Value = 1 “Monster”“Monster” Done!
- 210. Go to your Event Sheet
- 211. Click to Add Event
- 214. Done! Enter: • Comparison: ≤ Less or equal • Value = 0
- 215. Click to Add Action
- 218. <click to choose>
- 220. Done! Enter: • Layer = 1 • Image point = 0
- 221. Click to Add Action
- 226. Right-click, then click Add global variable
- 227. Enter: • Name: Score • Type: Number • Initial value: 0 • Description (optional) • Constant? OK!
- 228. Scroll to the top to see it!
- 229. Click Add action Scroll back to the bottom
- 232. Enter: • Value = 1 Done!
- 235. Click Layers
- 236. Add a new layer (plus sign)
- 240. When the background layers scroll separately Source: Super Mario Bros, from Nintendohttp://wakeupandcode.com/c2/parallax.html
- 241. Set the HUD’s Parallax to 0, 0
- 244. then Insert new object Right-click top left of Layout 1
- 246. Click to place Text object (HUD layer)
- 247. Notice Text object
- 248. Change Properties • Font • Style: Bold Italic • Size: 24 • Color: Yellow
- 251. "Score: " & Score String Variable & (ampersand) spacequote quotetext
- 252. Score: 100 "Score: " & Score displays
- 253. Click Add action For System, Every tick
- 256. Enter: • “Score: “ & Score Done!
- 259. Click to Add Event
- 263. Click to Add Action
- 266. <click to choose>
- 268. Done! Enter: • Layer = 1 • X = 1400 • Y = random(1024)
- 271. Click to Add Event
- 273. Select “On collision with another object” then Next!
- 274. <click to choose>
- 276. Done!
- 277. Click to Add Action
- 284. Email: shchowd@microsoft.com Twitter: @shahedC
Editor's Notes
- #7: Tools & Technologies Visual Studio 2013 Windows 8 Windows Phone 8 Construct 2 HTML5 CSS3 JavaScript Blender Paint.net
- #8: Construct 2 Source: https://www.scirra.com/construct2
- #9: Construct 2 Source: https://www.scirra.com/tutorials/37/beginners-guide-to-construct-2