针对精灵的 AS3 透明 png 碰撞检测

Question

我在这里，因为我目前正在为我的 AS3 应用程序进行碰撞检测。 我正在加载一个位图，它代表一个房间 - 它有边界（墙壁），其余部分是透明的（地板）。然后我创建一个内部有一个圆圈的精灵。

我希望我的精灵在这些边界内移动并停在墙上，我能够实现其背后的逻辑，我要求的是一种检测与墙壁碰撞的方法，我的整个房间都是一个位图，所以我猜我会检查与这个位图的碰撞，但不幸的是它也计算了透明部分。

我已经对此进行了谷歌研究，但我只发现非常复杂的系统无论如何都无法工作。我这样做是出于学习目的，所以我想知道如何自己实现它。

因此，我想问是否有人可以向我提供一段代码，只检查位图的非透明部分是否存在冲突？ （或者我应该将此 png 作为矢量加载？怎么做？）。

我也在旋转我的“圈子”，所以我想这也应该考虑在内。我假设我应该对位图进行位图检查，而不是对位图进行精灵检查？

我根本没有冲突的工作代码，所以我不会提供任何代码。

我是否应该提供更多信息，请告诉我。

提前致谢！

@编辑

这是我的功能代码，它属于房间类。

public function detectCollisionWith(obj:Sprite):Boolean
    {
        var _bitmapData:BitmapData = new BitmapData(obj.width, obj.height, true, 0);
        _bitmapData.draw(obj);
        var _bitmap:Bitmap = new Bitmap(_bitmapData);
        if (_bitmapData.hitTest(new Point(_bitmap.x, _bitmap.y), 255, this.bitmap, new Point(this.x, this.y), 255))
            return true;
        return false;
    }

Answer 1

当它们都是位图时，您可以使用BitmapData hitTest() 轻松检查这一点。

Adobe 在bitmapData hitTest()：

在一个位图图像和一个位图图像之间执行像素级命中检测 点、矩形或其他位图图像。命中定义为 一个点或矩形在一个不透明像素上的重叠，或两个 重叠的不透明像素。没有拉伸、旋转或其他 命中测试时考虑任一对象的变换 执行。

---

现在举例说明如何实现它。如果你把你的精灵变成位图：

var spriteBmd:BitmapData = new BitmapData( mySprite.width, mySprite.height, true, 0 );
spriteBmd.draw( mySprite ); //get the sprite asset
var spriteBitmap:Bitmap = new Bitmap( spriteBmd ); //create the bitmap to use

然后您可以对两个位图运行hitTest()，而不考虑透明部分：

if ( spriteBitmap.bitmapData.hitTest( new Point( mySprite.x, mySprite.y ), 
     255, levelBitmap, new Point( levelBitmap.x, levelBitmap.y ), 255 ) ) {
    trace("Collision detected");
}

这仅检查位图的不透明部分是否存在冲突。如果您想增加允许检测的透明度，可以调整 if 语句中的值255。

Answer 2

简单的房间？是简单的矩形吗？因此，我建议通过检查预定义矩形中的点来计算碰撞。创建矩形，在圆的半径上插入它的大小，并检查圆心是否在矩形内

//Some room
var roomBounds:Rectangle = new Rectangle(0, 0, 700, 500);
const circleRadius:int = 10;
var collisionBounds: Rectangle = new Rectangle(circleRadius, circleRadius, roomBounds.width - 2*circleRadius, roomBounds.height - 2*circleRadius);

//Check if center of circle inside of collisionBounds
//For example you have point with name circlePosition
//collisionBounds.containsPoint(circlePosition)
if(!collisionBounds.contains(circleX, circleY)){
    trace("Houston! We have collision here!");
}

Answer 3

多年前就这样做了...但是如果我没记错的话，您可以解决创建具有墙壁矢量形状的 MC 的问题（将其放置在墙壁下方）并检查与它的碰撞而不是与位图。