as3解析人物动作序列图

meteoric

发布于 2018-11-16 17:43:48

4270

发布于 2018-11-16 17:43:48

文章被收录于专栏：游戏杂谈游戏杂谈游戏杂谈

这里以《神仙道》中某一人物资源为例子，它的每一个动作都经过了处理，以中心点为基准点（这样就不需要程序来控制偏移量了，否则程序要改变bitmapData时还需要改变bitmap的坐标）。

一个跑动的动作它细分为20张图片，每一张图片它的大小为：1900 / 20 = 95px;

1、加载资源

2、分解动作

parseBitmapData(bmpData, 95, 118);

private function parseBitmapData(bmpData:BitmapData, w:Number, h:Number):void
{
    var matrix:Matrix = new Matrix();
    var rectangle:Rectangle = new Rectangle();
    var pt:Point = new Point();
    
    rectangle.width = w;
    rectangle.height = h;
    
    var actionCount:int = 20;
    
    while (actionCount--)
    {
        var bmd:BitmapData = new BitmapData(rectangle.width, rectangle.height, true, 0);
        bmd.copyPixels(bmpData, rectangle, pt);
        
        rectangle.x += rectangle.width;
        
        _actionList.push(bmd);
    }
}

3、播放动作（可使用enterframe或者timer进行处理）

private function initPlay():void
{
    _currFrame = 0;
    _actionIdx = 0;
    
    _bmd = new Bitmap(_actionList[_actionIdx], 'auto', true);
    _bmd.x = 100;
    _bmd.y = 100;
    addChild(_bmd);
    
    addEventListener(Event.ENTER_FRAME, onEnterFrame);
}

private function onEnterFrame(evt:Event):void
{
    _currFrame++;
    if (_currFrame % 1 == 0)
    {
        _actionIdx++;
        
        if (_actionIdx >= _actionList.length)
        {
            _actionIdx = 0;
        }
        
        _bmd.bitmapData = _actionList[_actionIdx];
        
        
        //人物移动
        _bmd.x += _moveStep;            

        if (_bmd.x > stage.stageWidth || _bmd.x < 0)
        {
            _moveStep *= -1;
            _bmd.scaleX *= -1;
        }
        
    }
}

上面_currFrame % 1，这里可以注释掉，之所有留着的原因是因为有些动作（比如“闪避”）它每一步播放的间隔帧数可能不太一样（一般是通过配置来确定）。

最后上面示例代码运行的效果如下，来回跑：