2D Game Development with Starling

2,623 views

Published on

Introduction to 2D game development with focus on Starling framework.

Published in: Technology, Design
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,623
On SlideShare
0
From Embeds
0
Number of Embeds
17
Actions
Shares
0
Downloads
34
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

2D Game Development with Starling

  1. 1. Me & Csharks ● 10 years of Game Development ● 2D games for PC, Web, iOS & Android ● Eye candy art ● More than 300 games created ● ● ● Covers tech like Actionscript, Starling, LibGDX, Cocos2D, OpenFL, Unity, CreateJS, Smartfox Server, Torque etc Creators of top games in Job / Management game category Active in evangelising game development
  2. 2. Some of our games
  3. 3. You Let me know my audience
  4. 4. Some 2D Game examples
  5. 5. How to make them ?
  6. 6. Building blocks of a game ● Art & UI - Artists ● Code - Programmer ● Sound & Music - Sound Artists ● Story & Game Play - Creative Director ● Play testing – Testers ● Marketing team, Publisher, Analytics team, ...
  7. 7. Platforms ● PC (Mac , Linux) ● Web ● PS4 ● Xbox ● Android ● iPhone, iPad ● Wii, DS, PSP ● Microconsoles, Smart TVs
  8. 8. Different tracks for a game programmer ● C++ - Ultimate, Hard, Free, Puli ● Java - Medium, Moderate, Android, Free ● C# - Great, Modern, XNA, Unity, Moderate, Microsoft ? ● Javascript - Web, Unity, Easy, Free, Fragmented ● Starling uses Actionscript which is Java + javascript
  9. 9. A Game Engine We use game frameworks to build our game engine
  10. 10. Alternate 2D Game frameworks ● Web - Phaser, CreateJS ● Android - LibGDX (crossplatform), AndEngine ● IOS - Cocos2DX (crossplatform), Sparrow, SpriteKit Under the hood ● DirectX ● OpenGL / OpenGL ES
  11. 11. For the Non – Programmer ??? ● Web – Construct 2 ● Crossplatform - Gamemaker
  12. 12. The slide many of you may hate... What else does a game developer need ● Programming skill ● Creative imagination ● Patience ● Should be a gamer ● Logic & analytical skill. Find hacks & shortcuts. ● Above all strong MATH skills - trigonometry, matrices, physics equations, progressions etc
  13. 13. Hero of the day – Starling Framework ● Created by Daniel Sperl of Gamua ● Actionscript 3 language ● Optimised for touch based devices
  14. 14. Flash & Actionscript Flash is now only used for ● Games ● Video
  15. 15. Why Starling ? ● Crossplatform ● High Performance ● Optimised for touch ● Easy to learn, very same as AS3 default classes ● Field tested & port of Sparrow ● Great community ● Supported by Adobe ● Open source !
  16. 16. OOP refresher ● AS3 is same as Java A Class ● Independent blue prints of functionality. Eg, Ball ● Methods (functions). Eg, bounce() ● Properties (variables). Eg, weight var myBall:Ball=new Ball(); trace(myBall.weight); myBall.bounce();
  17. 17. OOP refresher Inheritance ● Class can extend another class's functionality ● Uses 'extends' keyword for the same eg, Tiger extends Cat which already extends Animal public class Cat extends Animal { ... }
  18. 18. Development setup We will need the following for Starling development ● Flash Builder / Flashdevelop / FDT ● Flex SDK, Compiler ● AIR SDK, for crossplatform deployment ● Flash Player standalone program for testing ● Starling framework classes
  19. 19. Starling Graphics
  20. 20. Simple Starling code
  21. 21. Break ! Next we will start some exercises. Let us check the development setup first.
  22. 22. Exercise 1 Add an image to stage!
  23. 23. Exercise 2 a. Move the image! b. Set image at click position! c. Frame based v/s Time based
  24. 24. Exercise 3 Texture Atlas! Add an animated MovieClip to stage! Start / Stop animation on click!
  25. 25. Exercise 4 Bouncing Ball!
  26. 26. Exercise 5 Trigonometry! Rotating arrow!
  27. 27. Exercise 6 Move the arrow with arrows!
  28. 28. Exercise 7 Trigonometry! Rotate & move arrow with arrows!
  29. 29. Let us create a game! WORKSHOP & crossplatform deployment

×