动作脚本3:将位图切片为切片

时间:2011-08-09 05:53:13

标签: actionscript-3 image actionscript

我有一个Loader对象的Bitmap数据,我想把它切成32x32的正方形用作tile。最有效的方法是什么?

2 个答案:

答案 0 :(得分:5)

我为你完成了这项工作。基本思想是使用BitmapData函数copyPixels,请参阅Adobe Reference。它允许您将源BitmapData中的一个区域(由Rectangle指定)中的像素复制到目标BitmapData中的特定Point。我为每个32x32方块创建了一个新的BitmapData,并通过加载的对象循环以使用copyPixels填充方块。

var imageLoader:Loader;

function loadImage(url:String):void
{
    // Set properties on my Loader object
    imageLoader = new Loader();
    imageLoader.load(new URLRequest(url));
    imageLoader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, imageLoading);
    imageLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, imageLoaded);
}
loadImage("Cow Boy.jpg");//--------->Replace this by your image. I hope you know to specify path. 
function imageLoaded(e:Event):void
{
    // Load Image
    imageArea.addChild(imageLoader);

    var mainImage:BitmapData = new BitmapData(imageArea.width,imageArea.height);
    var tileX:Number = 36; 
    var tileY:Number = 36;
    var bitmapArray:Array;

    var tilesH:uint = Math.ceil(mainImage.width / tileX); // Number  of Columns
    var tilesV:uint = Math.ceil(mainImage.height / tileY);// Number of Rows

    mainImage.draw(imageArea);
    imageArea.x += 500;

    bitmapArray = new Array();

    for (var i:Number = 0; i < tilesH; i++)
    {
        bitmapArray[i] = new Array();
        for (var n:Number = 0; n < tilesV; n++)
        {
            var tempData:BitmapData=new BitmapData(tileX,tileY);
            var tempRect = new Rectangle((tileX * i),(tileY * n),tileX,tileY);
            tempData.copyPixels(mainImage,tempRect,new Point(0,0));
            bitmapArray[i][n]=tempData;
        }
    }

    for (var j:uint =0; j<bitmapArray.length; j++)
    {

        for (var k:uint=0; k<bitmapArray[j].length; k++)
        {

            var bitmap:Bitmap=new Bitmap(bitmapArray[j][k]);
            this.addChild(bitmap);
            bitmap.x = (j+1)* bitmap.width + j*10;
            bitmap.y = (k+1)* bitmap.height + k*10;

        }
    }



}
function imageLoading(e:ProgressEvent):void
{
    // Use it to get current download progress
    // Hint: You could tie the values to a preloader :)
}

答案 1 :(得分:1)

您可以使用BitmapData函数copyPixels,请参阅此link。它允许您将源BitmapData中的一个区域(由矩形指定)中的像素复制到目标Point中的特定BitmapData。基本上你可以为每个32x32方块创建一个新的BitmapData并循环加载的对象,用copyPixels填充方块。