Actionscript 3 像素完美碰撞。怎样做？ （学习目的）

Question

我知道有人为此创建类（即 http://coreyoneil. com/portfolio/index.php?project=5）。但我想学习如何自己做，这样我就可以按照我需要的方式创造我需要的一切。

我读过有关 BitMap 和 BitMapData 的内容。我应该能够将 MovieClips 绘制到位图上，这样我就可以循环像素以查找碰撞。然而，处理偏移量是很奇怪和令人困惑的。它看起来像 MyBitMap.rect 总是 x = 0 和 y = 0...而且我无法找到事物的原始位置...

我我正在考虑首先执行 hitTestObject，然后如果这是肯定的，我将研究影片剪辑矩形之间的交集以进行像素碰撞。 但还有另一个问题（影片剪辑的旋转）......

我需要一些关于如何做到这一点的启示。 请，任何帮助将不胜感激..

Answer 1

如果您使用具有透明度的 BitmapData 对象，则可以使用 BitmapData.hitTest(firstPoint:Point, firstAlphaThreshold:uint, secondaryObject:Object, secondaryBitmapDataPoint:Point = null, secondaryAlphaThreshold:uint = 1):Boolean。

您必须从全局坐标更改为本地 BitmapData 坐标，如果旋转，则需要一些数学运算。这很容易实现（在 wiki 上查找仿射变换以获取更多信息）：

var coordTransform:Matrix = new Matrix();

coordTransform.rotate(rotationRadians);
coordTransform.translate(x, y);

coordTransform.transformPoint(/* your point */);

Answer 2

Flash 中像素完美碰撞检测的经典参考是 Grant Skinner 的文章< /a>.它是 AS2，但逻辑与 AS3 相同（如果你用 google 一下，就有可用的端口）。

如果我没记错的话，只要两个测试对象具有相同的父对象，这个特定的实现就可以工作，但这可以修复。

关于 BitmapData x 和 y 值，我知道它可能会令人困惑；然而，它的工作方式对我来说是有意义的。 BitmapData 顾名思义：像素数据。它不是显示对象，不能出现在显示列表中；因此，如果你仔细想想，x 或 y 与 0 不同并没有什么意义。处理这个问题最简单的方法可能是存储源对象（您从中绘制的显示对象）的 (x,y) 偏移量并将其转换到全局坐标空间，以便您可以比较任何对象，无论它们在显示列表中的位置是什么（使用类似 var globalPoint:Point = source.parent.localToGlobal(new Point(source.x,source.y)) 的内容。

Answer 3

我之前使用过 Troy Gilbert 的像素完美碰撞检测类（改编自 Andre Michelle、Grant Skinner 和 Boulevart），效果非常好（处理旋转、不同的父项等）：

http://troygilbert.com/2007/06/pixel-perfect-collision-detection-in-actionscript3/< /a>
http://troygilbert.com/2009/08/pixel-perfect -collision-detection-revisited/

并从那里他还链接到了这个项目（我没有使用过，但看起来确实令人印象深刻）：

http://www.coreyoneil.com/portfolio/index.php?project=5

Answer 4

毕竟我成功了，而且我已经编写了碰撞检测、/碰撞角度和其他附加功能的类。

最令人困惑的过程可能是正确对齐位图以进行比较。当使用draw()方法将一个影片剪辑绘制到一个BitmapData中时，如果我们addChild()相应的Bitmap，我们可以看到它的一部分是不可见的。它似乎只从中心向右和向下绘制，而顶部和左侧部分则远离绘制。解决方案是在绘制方法的第二个参数中给出一个变换矩阵，用于对齐位图并使其全部被绘制。

这是我的类中的一个函数示例，用于创建用于比较的位图：

    static public function createAlignedBitmap(mc: MovieClip, mc_rect: Rectangle): BitmapData{
                var mc_offset: Matrix;
                var mc_bmd: BitmapData;

                mc_offset = mc.transform.matrix;
                mc_offset.tx = mc.x - mc_rect.x;
                mc_offset.ty = mc.y - mc_rect.y;
                mc_bmd = new BitmapData(mc_rect.width, mc_rect.height, true, 0);
                mc_bmd.draw(mc, mc_offset);

                return mc_bmd;
}

为了使用它，如果您在时间轴上，您需要执行以下操作：

className.createAlignedBitmap(myMovieClip, myMovieClip.getBounds(this))

注意 getBounds 的使用，它返回嵌入影片剪辑的矩形。这允许计算偏移矩阵。

此方法与此处显示的方法非常相似 http://www.mikechambers.com/blog/2009/06/24/using-bitmapdata-hittest-for-collision-detection/

顺便说一句，如果这对您来说很有趣，检查我稍后将发布的其他问题。