BUILDING A SIMPLE GAME WITH FLASH PRO

More documents

Recommendations

Info

Prerequisites: -‐ Flash Pro CS6 -‐ Flash Builder 4.7 -‐ Knowledge of AS3 -‐ Citrus Engine library (included with demo assets) Demo Assets: -‐ Beginner tutorial for Citrus Engine o MAXBeginner.zip o Quick intro into Citrus Engine for platformer based games -‐ Level Building tutorial o MAXLevelBuilding.zip o Desiging a level in Flash Professional o Launching the level with Citrus Engine in Flash Builder -‐ DragonBones Extension o dragonbones_v2.0.zip o install into Flash Pro -‐ Animations tutorial o MAXAnimations.zip o Using Dynamic spritesheets via a SWF animation o Using Spritesheets o Using Skeletal animations via DragonBones extension All the zipped files are ready made Flash Builder projects. Building a simple game with Flash Professional. MAX 2013 Lab by Tom Krcha (@tomkrcha) 2
BEGINNER’S TUTORIAL You are going to learn Citrus Engine (http://citrusengine.com) basics. Citrus Engine is lightweight GPU accelerated game engine for Flash and AIR and includes platformer kit for side-‐scroller platform games. It runs on top of Starling Framework (2D) and Away3D framework (3D) and you can choose one of the physics engines that are included as well – Box2D, NAPE, AwayPhysics. For our game we are going to use Starling + Box2D combination. Setup the most basic scene with Citrus Engine. Start Flash Builder 4.7 and later we are going to use Flash Pro for level design and animations , but project management and coding will be done in Flash Builder as it’s more suitable for it. Design = Flash Pro, Programming = Flash Builder. Create a new project in Flash Builder File -‐> New -‐> ActionScript Project (name the project MAXBeginner or similar) Link Citrus library Right click on the project -‐> Properties -‐> ActionScript Build Path -‐> Add SWC (locate CitrusEngine’s SWC file) -‐> OK In the main class add following code: package { import citrus.core.starling.StarlingCitrusEngine; } [SWF(frameRate="60", width="1024", height="768")] public class MAXBeginner extends StarlingCitrusEngine { public function MAXBeginner() { setUpStarling(true); } } state = new GameState(); Building a simple game with Flash Professional. MAX 2013 Lab by Tom Krcha (@tomkrcha) 3
Page 1: BUILDING A SIMPLE GAME WITH FLASH P
Page 5 and 6: LEVEL BUILDING TUTORIAL In this par
Page 7 and 8: Loading a level into your game In t
Page 9 and 10: ANIMATIONS’S TUTORIAL This tutori
Page 11 and 12: PREGENERATED SPRITE SHEETS Beginnin
Page 13 and 14: Embed the pregenerated sprite sheet
Page 15: In the code, embed the png this way

BUILDING A SIMPLE GAME WITH FLASH PRO

Create successful ePaper yourself

Delete template?

Save as template?