Viewers: in countries Watching now:
Join Lee Brimelow in this project-style course that teaches how to build a Flash-based game with Flash Builder 4.6, Flash Player 11, and the Starling framework. Starling, a pure ActionScript 3.0 library for advanced graphics, extends Flash Player 11's support for the modern GPU (graphic processing unit) to enable visual presentations and games in the browser or as a mobile app.
Starting with installation and configuration of Starling and creation of a Flash Builder project, the course shows how to prepare and import graphical assets, create MovieClip classes from sprite sheets, manage various gaming objects, detect collisions, and add both particle and sound effects. The finished game can be deployed to any browser or mobile device that integrates Flash Player 11, which was released in September 2011.
So the first type of asset that I'm going to show you how to include is a simple image asset. So in our game we have a background which consists of some stars, and that's just a simple PNG file. If we look in our assets folder, it's called sky.png and that's what it looks like. So we're going to want to embed this so that we can use it in our game. So the way we embed a PNG or any other type of image asset, and you're used to this if you've been doing Flash for a while, is to use the Embed Metadata.
So we can say Embed and then give a source property and give it the path to the PNG file that we want to include. Well that's in the assets folder, and it's called sky.png. And then next we need to give a class which is going to be used to instantiate that image. So again, we're doing everything as static, but this is going to be a private static var sky and this is going to be of type Class.
Now when we're dealing with images, we're actually going to be creating textures out of these images, because remember, when you're running on the GPU using Stage 3D, everything is essentially triangles and the way in which you display things is to actually put a texture onto those triangles. Now it's important that we don't repetitively create textures. So for instance, this sky image we're going to create a single static texture here in the Assets class and any time we want to use that, anywhere in our game, we're going to use that single texture object, because remember everytime you create a texture, it has to upload it to the GPU and it's also increasing the memory that your game uses.
So you want to create the very least amount of texture as possible and make sure you reuse them. So we're going to create a texture out of this and this is going to be a public static texture, so that we can reference it from outside of this class. So we're going to say public static var and I'm going to call this skyTexture, and this is going to be of type texture, and the package is starling.textures.Texture. Okay, so now with that created inside of our init function, we're going to instantiate that texture or create that texture.
So I'm going to say skyTexture =, now I could say new texture here, but there is some helpful static factory methods on the texture class that we can use. So I'm going to say texture, and there is a fromBitmap static function available, in this we pass in a bitmap instance which is going to be used to create the texture, and for that we pass in a new instance of that sky embedded bitmap. So now after this initialization function is called from our game, main game constructor function, anytime we need to display that sky image, we're going to reference this skyTexture.
So again, it's only going to be in memory one time uploaded to the GPU, and anytime we need to use it we're going to reference that single texture. So again, that's the basics of incorporating an image file such as a PNG and a JPEG and creating it into a texture for Starling.
There are currently no FAQs about Building Flash Games with Starling.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.