Sprite Kit中是否可以使用圓形（SKShapeNode）作爲遮罩？

Question

我正試圖在Sprite Kit項目中創建一個圓形遮罩。我創建這樣的圓圈（在屏幕的中心定位的話）：

SKCropNode *cropNode = [[SKCropNode alloc] init]; 

SKShapeNode *circleMask = [[SKShapeNode alloc ]init]; 
CGMutablePathRef circle = CGPathCreateMutable(); 
CGPathAddArc(circle, NULL, CGRectGetMidX(self.frame), CGRectGetMidY(self.frame), 50, 0, M_PI*2, YES); 
circleMask.path = circle; 
circleMask.lineWidth = 0; 
circleMask.fillColor = [SKColor blueColor]; 
circleMask.name=@"circleMask"; 

進一步回落的代碼，我將其設置爲掩碼cropNode：

[cropNode setMaskNode:circleMask]; 

...但不是圓圈內顯示的內容，掩碼顯示爲正方形。

是否可以使用SKShapeNode作爲蒙版，還是我需要使用圖像？

Answer 1

經過大肆吹噓，在網上衝刷，並在Xcode中進行實驗後，我有一個非常冒險的修復。

請記住，這是一個非常討厭的黑客 - 但你可以指責Sprite Kit的執行SKShapeNode。添加填充到路徑造成以下結果：

• 添加一個額外的節點到場景
• 路徑變得不可屏蔽 - 它出現「過度」面具
• 使得任何非SKSpriteNode兄弟節點不可屏蔽（例如SKLabelNode s）

不是理想狀態。

通過Tony Chamblee's progress timer的啓發，「修復」是完全與填充分配，只是使用路徑的行程：

SKCropNode *cropNode = [[SKCropNode alloc] init]; 

SKShapeNode *circleMask = [[SKShapeNode alloc ]init]; 
CGMutablePathRef circle = CGPathCreateMutable(); 
CGPathAddArc(circle, NULL, CGRectGetMidX(self.frame), CGRectGetMidY(self.frame), 50, 0, M_PI*2, YES); // replace 50 with HALF the desired radius of the circle 
circleMask.path = circle; 
circleMask.lineWidth = 100; // replace 100 with DOUBLE the desired radius of the circle 
circleMask.strokeColor = [SKColor whiteColor]; 
circleMask.name=@"circleMask"; 

[cropNode setMaskNode:circleMask]; 

至於評論，你需要設置半徑的你一半通常有，線寬加倍半徑。

希望蘋果未來會着眼於此;現在，這個黑客是我找到的最好的解決方案（除了使用圖像，如果你的面具需要動態的話，這並不是真的有效）。

Answer 2

是的，在當前的Sprite-Kit實現中不可能使用填充顏色的shapenode。我認爲這是一個錯誤。

但是！

您始終可以將形狀渲染爲紋理並將其用作蒙板！

對於前，讓邊緣是之前創建的SKShapeNode。

首先，使其到之前紋理添加到視圖（在這種情況下，將來自另一節點清潔）

SKTexture *Mask = [self.view textureFromNode:edge]; 
[self addChild:edge]; //if you need physics borders 

其次，

SKCropNode *cropNode = [[SKCropNode alloc] init]; 
[cropNode setMaskNode:[SKSpriteNode spriteNodeWithTexture:Mask]]; 
[cropNode addChild: [SKSpriteNode spriteNodeWithTexture:rocksTiles size:CGSizeMake(w,h)]]; 
cropNode.position = CGPointMake(Mask.size.width/2,Mask.size.height/2); 
//note, anchorpoint of shape in 0,0, but rendered texture is in 0.5,0.5, so we need to dispose it 
[self addChild:cropNode]; 

Answer 3

設置掩模節點的α位。0的伎倆：

circleMask.alpha = .0; 

編輯： 似乎只的Mac OS工作。

Answer 4

既然不能使用SKShapeNode作爲面膜我決定把它轉換爲SKSpriteNode。

這是我的銀行代碼：

let shape : SKShapeNode = ... // create your SKShapeNode 
var view : SKView = ... // you can get this from GameViewController 

let texture = view.textureFromNode(shape) 
let sprite = SKSpriteNode(texture: texture) 
sprite.position = ... 

cropNode.mask = sprite 

而且它的工作:)

Answer 5

有一個略顯尷尬的解決這個問題，我認爲這是比任何醞釀黑客略少討厭圍繞這個問題。只需將SKShapeNode包裝在SKNode中即可。我還沒有測試過這可能會導致什麼樣的性能，但是鑑於SKNode是非繪圖的，我希望它不會太重要。

即

let background = SKSpriteNode(imageNamed: "Background") 
let maskNode = SKShapeNode(path: MyPath) 
let wrapperNode = SKNode() 
let cropNode = SKCropNode() 

wrapperNode.addChild(maskNode) 
cropNode.maskNode = wrapperNode 
cropNode.addChild(background)