Flash Multi-player Game Tutorial - TicTacToe - Page 6

TictactoeSkinner

You need sub-class the skinner so as to read in the image (skin) files that will be used to draw all the UI for all of the screens.

        public class TictactoeSkinner extends Skinner {

            [Embed(source="tictactoe\\rsrc\\Outline.png")]

            private static var OutlineClass:Class;
        
            [Embed(source="tictactoe\\rsrc\\ui.png")]

            private static var UIClass:Class;
            [Embed(source="tictactoe\\rsrc\\frame.png")]

            private static var FrameClass:Class;

            
            public function TictactoeSkinner() {
 
            }

            
            protected override function load():void {

                m_outline = (new OutlineClass() as BitmapAsset).bitmapData;

                m_ui = (new UIClass() as BitmapAsset).bitmapData;

                m_frame = (new FrameClass() as BitmapAsset).bitmapData;

            }

        } 

        

The custom skinner is quite simple. The above is complete listing for the class. The load method should be overridden to create BitmapAsset for the outline, ui and frame. These are protected fields defined in the Skinner class. The Skinner object will do all the hard work of cutting up the asset and piecing it altogether during the runtime.