web-dev-qa-db-ja.com

SKSpriteNodeテクスチャを水平方向にミラーリングします

SpriteKitと呼ばれる新しいAPIを使用してiOS7ゲームを開発しています。 SKSpriteNodeの画像/テクスチャを水平方向に回転させたいのですが。最初に画像をミラーリングし、次にSKTextureを作成し、最後にそれをSKSpriteNodeに適用して試しましたが、機能しません。これを行う方法はありますか？または私は別の画像にする必要がありますか？

objective-cswiftimageios7sprite-kit
23
Marti Serra Vivancos

このコードを使用して、x軸を切り替えることができます。

spriteNode.xScale = spriteNode.xScale * -1;

ただし、physicsbodyのプロパティの一部が失われる可能性があることに注意してください。このように、xScaleを使用することを強くお勧めします。

spriteNodeBody = [SKNode node];
spriteNodeBody.physicsBody = [SKPhysicsBody bodyWithRectangleOfSize:spriteNode.size];
spriteNodeBody.physicsBody.categoryBitMask = CNPhysicsCategoryPlayer;
spriteNodeBody.physicsBody.collisionBitMask = CNPhysicsCategoryBall;

[spriteNodeBody addChild:spriteNode];
[self addChild:spriteNodeBody];

そして今、あなたは安全に使うことができます：

    spriteNode.xScale = spriteNode.xScale * -1;
22
Ahmet Hayrullahoglu

スプライトを軸に沿って反転させようとしている場合は、次のようにすることができます。

Sprite.xScale = -1.0;
36
Greg

これをrightHandedまたはleftHandedスプライトに使用します。

ここからいくつかの助けを借りて Objective-Cのフレームの水平反転

BOOL leftHanded = YES;

SKSpriteNode *Sprite;

if (leftHanded) {  //my textures point east, so I flip vertically
    SKTexture *texture = [SKTexture textureWithImageNamed:@"figure-step0"];
    CIFilter *filter = [CIFilter filterWithName:@"CIAffineTransform"];
    [filter setValue:[CIImage imageWithCGImage:[texture CGImage]] forKey:kCIInputImageKey];

#ifdef IOS_BLOCK  //set these up with defines
    CGAffineTransform flipTransform = CGAffineTransformMakeScale(1.0f, -1.0f); // vert
    [filter setValue:[NSValue valueWithBytes:&flipTransform
                                objCType:@encode(CGAffineTransform)]
                                forKey:@"inputTransform"];
#else //OSX_BLOCK
    NSAffineTransform* flipTransform = [NSAffineTransform transform];
    [flipTransform scaleXBy:1.0f yBy: -1.0f]; // vert
    [filter setValue:flipTransform forKey:@"inputTransform"];
#endif
    Sprite = [SKSpriteNode spriteNodeWithTexture:
                     [texture textureByApplyingCIFilter:filter]];
} else {
    Sprite = [SKSpriteNode spriteNodeWithImageNamed:@"figure-step0"];
}

アニメーションフレームについても同様に行うことができます。 iOSまたはOSXで動作します。

0
rezwits

これはSwift 2.xで記述された私のソリューションです。通常、ゲームにはlandscapeモードを使用することをお勧めします。そのため、この拡張機能を記述します。 ：

extension SKTexture {
    class func flipImage(name:String,flipHoriz:Bool,flipVert:Bool)->SKTexture {
        if !flipHoriz && !flipVert {
            return SKTexture.init(imageNamed: name)
        }
        let image = UIImage(named:name)

        UIGraphicsBeginImageContext(image!.size)
        let context = UIGraphicsGetCurrentContext()

        if !flipHoriz && flipVert {
            // Do nothing, X is flipped normally in a Core Graphics Context 
            // but in landscape is inverted so this is Y
        } else
        if flipHoriz && !flipVert{
            // fix X axis but is inverted so fix Y axis
            CGContextTranslateCTM(context, 0, image!.size.height)
            CGContextScaleCTM(context, 1.0, -1.0)
            // flip Y but is inverted so flip X here
            CGContextTranslateCTM(context, image!.size.width, 0)
            CGContextScaleCTM(context, -1.0, 1.0)
        } else
        if flipHoriz && flipVert {
            // flip Y but is inverted so flip X here
            CGContextTranslateCTM(context, image!.size.width, 0)
            CGContextScaleCTM(context, -1.0, 1.0)
        }

        CGContextDrawImage(context, CGRectMake(0.0, 0.0, image!.size.width, image!.size.height), image!.CGImage)

        let newImage = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext();
        return SKTexture(image: newImage)
    }
}

使用法：

let spriteTxt = SKTexture.flipImage(imageName, flipHoriz: true, flipVert: false)

追伸：同じ機能が必要であるがportraitモードにする場合は、これを参照してください answer

0
Alessandro Ornano