SpriteKit에서 SKCropNode는 SKShapeNode에 아무런 영향을주지 않습니다.

Question

SKCropNode를 사용하여 SKShapeNode에 마스크를 적용하려고했지만 지금까지 성공하지 못했습니다. SpriteKit 버그라고 생각합니다. 코드 예는 다음과 같습니다.

SKNode* contentNode = [SKNode node]; 

// picture - use an image bigger than 50x50 
SKSpriteNode *pictureNode = [SKSpriteNode spriteNodeWithImageNamed:@"tree"]; 

// triangle 
SKShapeNode* triangleNode = [SKShapeNode node]; 
UIBezierPath* triangleNodeBezierPath = [[UIBezierPath alloc] init]; 
[triangleNodeBezierPath moveToPoint:CGPointMake(0.0, 0.0)]; 
[triangleNodeBezierPath addLineToPoint:CGPointMake(0.0, 100.0)]; 
[triangleNodeBezierPath addLineToPoint:CGPointMake(50.0, 100.0)]; 
[triangleNodeBezierPath closePath]; 

triangleNode.path = triangleNodeBezierPath.CGPath; 
triangleNode.fillColor = [UIColor colorWithRed:1.0 green:1.0 blue:1.0 alpha:1]; 

// create a mask 
SKSpriteNode *mask = [SKSpriteNode spriteNodeWithColor:[SKColor blackColor] size: CGSizeMake(50, 50)]; //50 by 50 is the size of the mask 

// create a SKCropNode 
SKCropNode *cropNode = [SKCropNode node]; 

[cropNode addChild: contentNode]; 
[cropNode setMaskNode: mask]; 

[self addChild: cropNode]; 
[contentNode addChild:pictureNode]; // pictureNode is being cropped 
[contentNode addChild:triangleNode]; // triangleNode is not 

cropNode.position = CGPointMake(CGRectGetMidX (self.frame), CGRectGetMidY (self.frame)); 

누구에게이 문제에 대한 해결책이 있습니까? 고마워요!

Answer 1

이것은 하루 종일 나를 괴롭 히고있었습니다. 나는 훌륭한 타이머 인 TCProgressTimer by Tony Chamblee을 만들 계획이었습니다. 그러나 내 응용 프로그램은 여러 진행 타이머를 사용하므로 다른 해상도로 사용할 수 있도록 여러 가지 다른 크기의 스프라이트를 디자인하지 않아도됩니다.

내 해결책은 SKShapeNode 개체를 SKSpriteNode 개체로 변환하는 것이 었습니다. 나는 기초로 돌아가고 Core Graphics를 사용하여 무거운 짐을 덜어야했다. 이것은 일을하는 다소 지저분한 방법입니다.하지만 빠른 결과를 사용하여 SKShapeNode을 사용할 때 얻은 결과와 유사한 객체를 동적으로 생성하고 싶습니다.

나는 현재 원 개체를 만드는 데에만 관심이 있어요, 그래서 나는 이런 식으로했다 : 예상대로

-(SKSpriteNode *)createSpriteMatchingSKShapeNodeWithRadius:(float)radius color:(SKColor *)color { 
    CALayer *drawingLayer = [CALayer layer]; 
    CALayer *circleLayer = [CALayer layer]; 
    circleLayer.frame = CGRectMake(0,0,radius*2.0f,radius*2.0f); 
    circleLayer.backgroundColor = color.CGColor; 
    circleLayer.cornerRadius = circleLayer.frame.size.width/2.0; 
    circleLayer.masksToBounds = YES; 


    [drawingLayer addSublayer:circleLayer]; 

    UIGraphicsBeginImageContextWithOptions(CGSizeMake(circleLayer.frame.size.width, circleLayer.frame.size.height), NO, [UIScreen mainScreen].scale); 
    CGContextSetAllowsAntialiasing(UIGraphicsGetCurrentContext(), TRUE); 
    CGContextSetFillColorWithColor(UIGraphicsGetCurrentContext(), [UIColor clearColor].CGColor); 
    CGContextFillRect(UIGraphicsGetCurrentContext(), CGRectMake(0,0,circleLayer.frame.size.width,circleLayer.frame.size.height)); 
    [drawingLayer renderInContext: UIGraphicsGetCurrentContext()]; 

    UIImage *layerImage = UIGraphicsGetImageFromCurrentImageContext(); 
    UIGraphicsEndImageContext(); 

    SKSpriteNode *sprite = [SKSpriteNode spriteNodeWithTexture:[SKTexture textureWithImage:layerImage]]; 


    return sprite; 
} 

결과 스프라이트는 이제 SKCropNode에 의해 마스크 될 수있다. 장면이 시작되기 전에 이러한 스프라이트가 모두 생성되므로 성능에 문제가 있음을 알 수 없습니다. 그러나, 당신이 즉시 여러 노드를 생성하는 경우이 방법은 매우 비효율적이라고 생각합니다.

다른 사용자들의 의견을 듣고 싶습니다. 희망이 도움이됩니다.

-DC

Answer 2

제목이 정확합니다. 또한 CropNode의 계층 구조에서 ShapeNode를 사용하면 그 위에있는 어린이에게도 영향을주는 것으로 나타났습니다. 나는 빠른 실험을 만들었다. 새로운 게임 프로젝트를 만들고 직접 시도 할 수 있습니다. addChild : shapeContent 행 중 하나를 주석 처리하여 이것이 우주선 이미지의 자르기에 어떻게 영향을 주는지 볼 수 있습니다.

DoctorClod가 지적한 것처럼 현재 솔루션은 cropNode의 모든 하위 항목이 SpriteNodes인지 확인하는 것으로 보입니다.

-(void)didMoveToView:(SKView *)view { 

SKSpriteNode* colorBackground = [SKSpriteNode spriteNodeWithColor:[SKColor redColor] size:CGSizeMake(800, 600)]; 

SKSpriteNode *spaceshipImage = [SKSpriteNode spriteNodeWithImageNamed:@"Spaceship"]; 

SKShapeNode* shapeContent = [SKShapeNode shapeNodeWithRect:CGRectMake(0, 0, 200, 100)]; 
shapeContent.fillColor = [SKColor greenColor]; 

SKSpriteNode *maskShape = [SKSpriteNode spriteNodeWithColor:[SKColor blackColor] size:CGSizeMake(500, 100)]; 

SKCropNode *cropNode = [SKCropNode new]; 

[cropNode addChild:colorBackground]; 
[cropNode addChild:shapeContent];  // comment this one out 
[cropNode addChild:spaceshipImage]; 
[cropNode addChild:shapeContent];  // or comment this one out 

[cropNode setMaskNode:maskShape]; 

cropNode.position = CGPointMake(CGRectGetMidX (self.frame), CGRectGetMidY(self.frame)); 
[self addChild:cropNode]; 
} 

Answer 3

내 응용 프로그램에서 비슷한 작업이 있습니다. 사용자 입력을 기반으로 여러 불규칙한 도형을 그려서 자르기 노드의 마스크로 사용해야합니다.

나를 위해 작동이 솔루션은하는 것입니다

1. 가에서 SKSpriteNode을 만들

2. SKView 방법 textureFromNode:crop:

3. 를 사용에서 SKTexture를 검색에 필요한 경로로 SKShapeNode를 만들 그 질감.

4. 마스크로 SKSprite 노드를 사용하십시오.