SKNode nodeAtPoint: / containsPoint: SKSpriteNode 和 SKShapeNode 的行为不同

Question

如果使用SKShapeNode 和SKSpriteNode，nodeAtPoint: 会给出不同的结果。如果我是正确的nodeAtPoint: 将使用containsPoint: 来检查哪些节点在给定点。

docu 声明containsPoint: 将使用其边界框。

我设置了一个简单的场景，在情况 1 中，圆圈是紫色节点的父节点，在情况 2 中，绿色节点是紫色节点的父节点。 在这两种情况下，我都单击了父级边界框应位于的区域。

结果不同。如果我使用SKSpriteNode nodeAtPoint: 会给我父母。如果我使用SKShapeNode，它会返回SKScene。

（我用鼠标按下的十字标记。）

代码：

第一次设置：

-(void)didMoveToView:(SKView *)view {
self.name = @"Scene";

SKShapeNode* circle = [SKShapeNode node];
circle.path = CGPathCreateWithEllipseInRect(CGRectMake(0, 0, 50, 50), nil);
circle.position = CGPointMake(20, 20);
circle.fillColor =  [SKColor redColor];
circle.name = @"circle";

SKSpriteNode* pnode = [SKSpriteNode node];
pnode.size = CGSizeMake(50, 50);
pnode.position = CGPointMake(50, 50);
pnode.color =  [SKColor purpleColor];
pnode.name = @"pnode";


[self addChild: circle];
[circle addChild: pnode];
}

第二次设置：

-(void)didMoveToView:(SKView *)view {
self.name = @"Scene";

SKSpriteNode* gnode = [SKSpriteNode node];
gnode.size = CGSizeMake(50, 50);
gnode.position = CGPointMake(30, 30);
gnode.color =  [SKColor greenColor];
gnode.name = @"gnode";

SKSpriteNode* pnode = [SKSpriteNode node];
pnode.size = CGSizeMake(50, 50);
pnode.position = CGPointMake(30, 30);
pnode.color =  [SKColor purpleColor];
pnode.name = @"pnode";


[self addChild: gnode];
[gnode addChild: pnode];

}

鼠标点击调用：

-(void)mouseDown:(NSEvent *)theEvent {
CGPoint location = [theEvent locationInNode:self];
NSLog(@"%@", [self nodeAtPoint: location].name);
}

我错过了什么吗？这是 SpriteKit 中的错误吗？它是按这种方式工作的吗？

Answer 1

简短的回答：是的，不是的，是的

长答案...

nodeAtPoint 的文档说它

返回与点相交的最深后代

在讨论区

如果一个点位于 calculateAccumulatedFrame 方法返回的矩形内，则认为该点位于节点中

第一个语句适用于SKSpriteNode 和SKShapeNode 节点，而第二个语句仅适用于SKSpriteNode 节点。对于SKShapeNodes，Sprite Kit 会忽略节点的边界框并使用path 属性来确定一个点是否与CGPathContainsPoint 的节点相交。如下图所示，形状是按像素选择的，其中白点代表点击点。

图 1. Shape（蓝色）和 Shape + Square（棕色）的边界框

图 2.nodeAtPoint 的结果

calculateAccumulatedFrame 返回一个相对于其父级的边界框（BB），如下图所示（棕色框是正方形的BB）。因此，如果您不适当调整 CGPoint 为 containsPoint，结果将不是您所期望的。要将点从场景坐标转换为父坐标（反之亦然），请使用convertPoint:fromNode 或convertPoint:toNode。最后，containsPoint 使用形状的path 而不是它的边界框，就像nodeAtPoint 一样。