比较两个位图的匹配情况 as3

发布于 2024-10-27 08:33:11 字数 343 浏览 1 评论 0原文

我试图根据较小图像的构成将一个图像放置在另一个图像的顶部。较小的图像是较大图像的剪裁，我需要将其精确定位在较大图像上，使其看起来像单个图像，但允许应用单独的滤镜和 Alpha。由于图像不是简单的矩形或圆形，而是复杂的卫星图像，我不能简单地用代码重新绘制它们。我有很多图像，因此不想手动查找每个图像的位置，也不想在动作脚本中手动设置它们。有没有办法让我针对较大的图像采样 5-10 平方像素的小区域，并在找到完美匹配时设置较小图像的 x 和 y 值？所有图像都在一个数组中，并且已经设置了对它们的迭代，我只需要一种采样和匹配像素的方法。我的第一个猜测是向右和向下逐像素循环图像，覆盖整个位图，并在找到匹配项后移动到数组中的下一个子项，将匹配的子项保留在找到完美匹配时的位置。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

小姐丶请自重 2024-11-03 08:33:11

我希望我正确理解你的问题。

可能有一个选项使用 copypixels 来实现您想要的。您可以使用 bitmapdata.rect 值来确定所需样本的大小，并使用矩形和移动点循环遍历较大的位图。让我们看看我是否可以将其编码出来......

function findBitmapInBitmap(tinyimg:BitmapData, largeimg:BitmapData):Point {
    var rect:Rectangle = tinyimg.rect;
    var xbound:uint = largeimg.rect.width;
    var ybound:uint = largeimg.rect.height;
    var imgtest:BitmapData = new BitmapData(tinyimg.rect.width, tinyimg.rect.height);

    for (var ypos:uint = 0, y <= ybound, y++) {
        for (var xpos:uint = 0, x <= xbound, x++) {
            imgtest.copyPixels(largeimg, rect, new Point(xpos, ypos);
            if (imgtest.compare(tinyimg) == 0) return new Point(xpos, ypos);
        }
    }

    return new Point(-1,-1); // Dummy value, indicating no match.

}

沿着这些思路的东西应该可以工作 - 我确信代码优雅和可能的优化还有空间。然而，这种方法似乎会非常慢，因为您必须检查每个像素是否匹配。

有一个更好的方法。将大图像拆分为多个图层，并使用位块传输技术在运行时合成它们。在您的情况下，您可以创建一个没有卫星的地面纹理，然后单独创建卫星，并使用 copyPixels 方法将它们放置在您想要的任何位置。谷歌“blitting in as3”可以找到一些不错的教程。我目前正在开发一个使用这种技术的游戏项目，这是一个非常好的方法。

祝你好运！

编辑：忘记在默认返回语句中编码。使用此方法，您必须返回一个无效点（如 (-1,-1)）并在函数外部检查它。或者，您可以将小位图复制到函数内的大位图，这会更符合逻辑，但我不知道您的要求。

I hope I understood your question correctly.

There may be an option that uses copypixels to achieve what you want. You can use the bitmapdata.rect value to determine the size of the sample you want, and loop through the bigger bitmap using thet rectangle and a moving point. Let's see if I can code this out...

function findBitmapInBitmap(tinyimg:BitmapData, largeimg:BitmapData):Point {
    var rect:Rectangle = tinyimg.rect;
    var xbound:uint = largeimg.rect.width;
    var ybound:uint = largeimg.rect.height;
    var imgtest:BitmapData = new BitmapData(tinyimg.rect.width, tinyimg.rect.height);

    for (var ypos:uint = 0, y <= ybound, y++) {
        for (var xpos:uint = 0, x <= xbound, x++) {
            imgtest.copyPixels(largeimg, rect, new Point(xpos, ypos);
            if (imgtest.compare(tinyimg) == 0) return new Point(xpos, ypos);
        }
    }

    return new Point(-1,-1); // Dummy value, indicating no match.

}

Something along those lines should work - I'm sure there's room for code elegance and possible optimization. However, it seems like something like this method would be very slow, since you'd have to check each pixel for a match.

There is a better way. Split your big image into layers, and use the blitting technique to composite them at runtime. In your case, you could create a ground texture without satellites, and then create the satellites separately, and use the copyPixels method to place them whereever you want. Google "blitting in as3" to find some good tutorials. I'm currently working on a game project that uses this technique and it's a very good method.

Good luck!

Edit: Forgot to code in a default return statement. Using this method, you'd have to return an invalid point (like (-1,-1)) and check for it outside the function. Alternatively, you could just copy your small bitmap to the big one within the function, which would be much more logical, but I don't know your requirements.

回复收藏 0 原文