AS2 图像分解要转换为 AS3

Question

情况是这样的。我正在 cs5.5 中为项目和页面转换创建一个 flash 网站，我想将背景图像分解为随机片段，然后加载下一帧（在 CS3 中，有一个时间线效果可以执行此操作，但已被删除） CS4+）。我找到了 AS2 脚本来分解图像（使用 Tweener.as V1.33（适用于 AS2）），但有人知道如何让它与 AS3 一起使用吗？感谢

码如下：

    import flash.display.BitmapData;
    import flash.geom.Rectangle;
    import flash.geom.Point;
    import caurina.transitions.Tweener;
    //
    var container:MovieClip = this.createEmptyMovieClip("container_mc", this.getNextHighestDepth());
    var bmp:BitmapData = BitmapData.loadBitmap("careca");
    var grid:Number = 20;
    var rect:MovieClip;
    var depth:MovieClip = this;
    var spacement:Number = 0;
    var count:Number = 0;
    var rows:Number = 0;
    var a:Number, b:Number, c:Number, d:Number;
    var rects:MovieClip = depth.createEmptyMovieClip("rects_mc", depth.getNextHighestDepth());
    var pieces:Array = new Array();
    //
    container.attachBitmap(bmp, container.getNextHighestDepth());
    container._visible = false;
    //
    function init() {
    create();
    }
    function randRange(min:Number, max:Number) {
    var randomNum:Number = Math.round(Math.random()*(max-min+1)+(min-.5));
    return randomNum;
    }
    function clearBitmaps() {
    rects.swapDepths(0);
    rects.removeMovieClip();
    }
    function create() {
    for (a=1; a<=Math.round(container._height/grid); a++) {
    drawLine();
    rows++;
    }
    rects._x = Stage.width/2-rects._width/2;
    rects._y = Stage.height/2-rects._height/2;
    }
    function drawLine() {
    for (b=0; b<Math.round(container._width/grid); b++) {
    rect = rects.createEmptyMovieClip("rect"+String(rows)+String(b)+"_mc", rects.getNextHighestDepth());
    bmp[i] = new BitmapData(grid, grid, true);
    //
    bmp[i].copyPixels(bmp, new Rectangle(grid*b, grid*rows, grid, grid), new Point(0, 0));
    rect.attachBitmap(bmp[i], rect.getNextHighestDepth());
    rect.initX = (rect._width+spacement)*b;
    rect.initY = (rect._height+spacement)*rows;
    rect.randomX = randRange(-Stage.width, Stage.width);
    rect.randomY = randRange(-Stage.height, Stage.height);
    rect.randomRotation = randRange(10, 360);
    rect.randomScale = randRange(0, 100);
    rect.randomAlpha = 0;
    rect.cacheAsBitmap = true;
    rect._x = rect.initX;
    rect._y = rect.initY;
    //
   pieces.push(rect);
   }
   setTimeout(animPieces, 1000);
   }
   function animPieces() {
   for (c=0; c<pieces.length; c++) {
   rect = pieces[c];
   Tweener.addTween(rect, {_scale:rect.randomScale, _rotation:rect.randomRotation, _x:rect.randomX, _y:rect.randomY, _alpha:0, time:5, transition:"easeOutExpo", onComplete:clearBitmaps});
   }
   }
   //
   init()

来源：Lemlinh.com

Answer 1

老实说，代码看起来对 AS3 非常友好。当然，您必须进行一些修改，但总的来说您应该不会有问题。

首先，删除属性中的所有下划线（例如从 _x 到 x）。
另外，如果您有一个返回值的函数，您必须声明它返回的变量的类型，即。字符串、数字、布尔...

因此，您的范围函数将如下所示：

function randRange(min:Number, max:Number):Number {
    var randomNum:Number = Math.round(Math.random()*(max-min+1)+(min-.5));
    return randomNum;
}

下载 Tweener 的 AS3 版本或查看 TweenMax： http://www.greensock.com/tweenmax，只需将 Tweener 代码替换为 TweenMax 即可。很容易做到。

从:

Tweener.addTween(rect, {_scale:rect.randomScale, _rotation:rect.randomRotation, _x:rect.randomX, _y:rect.randomY, _alpha:0, time:5, transition:"easeOutExpo", onComplete:clearBitmaps});

到:

TweenMax.to(rect, 5, { scaleX:rect.randomScale, scaleY:rect.randomScale, rotation:rect.randomRotation, x:rect.randomX, y:rect.randomY, alpha:0, ease: Sine.easeOut, onComplete:clearBitmaps});

尝试一下。应该比您想象的要容易；）如果您遇到困难或有疑问，请立即开火！