Ist es möglich, einen Kreis (SKShapeNode) als eine Maske in Sprite Kit?

Ich versuche, erstellen Sie eine kreisförmige Maske in einem Sprite-Kit-Projekt. Ich erstellen Sie den Kreis, wie hier (Positionierung in der Mitte des Bildschirms):

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";

und weiter unten der code, ich habe es als Maske für die cropNode:

[cropNode setMaskNode:circleMask];

... aber anstatt den Inhalt zeigt in einem Kreis, die Maske erscheint als ein Quadrat.

Ist es möglich, eine SKShapeNode wie eine Maske, oder brauche ich, um ein Bild zu verwenden?

InformationsquelleAutor MassivePenguin | 2013-11-26

  1. 12

    Nach viel fluchen, durchforstet das Internet, und die Experimentieren in Xcode habe ich ein wirklich hacky fix.

    Beachten Sie, dass dies eine wirklich böse hack - aber man kann die Schuld, die auf Sprite-Kit die Durchführung von SKShapeNode. Hinzufügen einer Füllung zu einem Pfad, führt zu folgenden:

    • fügt einen zusätzlichen Knoten in die Szene
    • wird der Weg unmaskable - es scheint, 'über' die Maske
    • nicht-SKSpriteNode Geschwisterknoten unmaskable (z.B. SKLabelNodes)

    Nicht ein Idealzustand.

    Inspiriert von Tony Chamblee Fortschritt timer, das "reparieren" ist zu verzichten, mit der Füllung zusammen, und nutzen Sie einfach die Kontur des Pfades:

    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];

    So kommentiert, müssen Sie den radius um die Hälfte, was Sie normalerweise haben, und die Linie Breite die doppelte radius.

    Hoffentlich wird Apple schauen, dieses in der Zukunft; denn jetzt, dieser hack ist die beste Lösung, die ich gefunden habe (außer mit einem Bild, die nicht wirklich funktionieren, wenn Sie Ihre Maske dynamisch sein muss).

    InformationsquelleAutor MassivePenguin

  2. 5

    Ja, es ist unmöglich zu füllen-farbigen shapenode in der aktuellen Sprite-Kit Realisierung. Es ist ein bug, denke ich.

    Aber!

    Kann man immer machen die Form, textur und verwenden Sie es als Maske!

    Ex, lassen edge ist SKShapeNode erstellt vor.

    Ersten, machen es zu textur vor hinzufügen, um anzuzeigen (in diesem Fall es wird sauber von einem anderen Knoten)

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

    Zweite, 

    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];
    Und nun einige Dinge, die möglich sind. (iOS 8.1): int deviceOSVersion= [[[UIDevice currentDevice] systemVersion] floatValue]; if (deviceOSVersion>=8.0) Bäume.fillTexture=[SKTexture textureWithImage:[UIImage imageNamed:@"Bäumen"]];

    InformationsquelleAutor djdance

  3. 5

    Da ich nicht mit einem SKShapeNode als Maske habe ich beschlossen, es zu konvertieren, um eine SKSpriteNode.

    Hier ist es meine Swift-code:

    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

    - Und es funktioniert 🙂

    Wie es aussieht, müssen Sie eine nicht verwendete shape-Knoten in die Szene. Ich schlage vor, Sie schauen in die Erstellung einer UIImage aus einer CGPath oder eine UIBezierPath. Sie können dann erstellen Sie eine textur aus dem Bild.
    Hi 0x141E, ich bin eigentlich nicht hinzufügen Form (die SKShapeNode), um die Szene. Der einzige Knoten, die gespeichert werden, wird sprite.
    Dies ist eine viel bessere Lösung als die akzeptierte eine

    InformationsquelleAutor Luca Angeletti

  4. 1

    Es ist eine etwas peinliche Lösung für dieses Problem, wie ich glaube, etwas weniger böse als die zur Sprache gebrachte hacks um dieses Problem. Einfach wickeln Sie Ihre SKShapeNode in einem SKNode. Habe ich noch nicht getestet, welche Art von Leistung trifft dies verursachen könnten, aber angesichts der Tatsache, dass SKNode nicht zeichnen, ich hoffe es wird nicht allzu bedeutend.

    d.h.

    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)

    InformationsquelleAutor Ash

  5. 0

    Einstellung alpha-Maske Knoten .0 funktioniert der trick:

    circleMask.alpha = .0;

    BEARBEITEN:
    Scheint zu funktionieren nur für Mac OS.

    InformationsquelleAutor Art

Schreibe einen Kommentar