How could I skew/shear a sprite via SpriteKit like Cocos2D?

Question

In Cocos2D-x, CCNode class provides "skewX" & "skewY" to let me do some distortion of the sprite, however, I fail to find similar mapping in SKNode of SpriteKit.

My game uses Flash to port skeleton animations, in which the configs of positioning, scaling, rotation and shearing of sprites would be decomposed into game-engine's digestive. Except shearing, all other configs do have solutions to be done in SpriteKit.

I don't think sprite kit can do this but I'd be interested to see someone provide a solution — hamobi, Dec 24 '14 at 07:17

score 1 · Answer 1 · answered Jan 18 '17 at 16:07

You can achieve a skew affect using a CGAffineTransform, CoreImage filter and an SKEffectNode

let transform      = CGAffineTransform(a: 1, b: 0.1, c: -0.3, d: 1, tx: 0, ty: 0)
let transformValue = NSValue(cgAffineTransform: transform)

let transformFilter = CIFilter(name: "CIAffineTransform")!
transformFilter.setValue(transformValue, forKey: "inputTransform")

let effectNode = SKEffectNode()
effectNode.addChild(sprite) // <-- Add sprite to effect node

effectNode.filter = transformFilter
effectNode.shouldRasterize = true
effectNode.shouldEnableEffects = true

score 0 · Accepted Answer · answered Dec 24 '14 at 18:55

No you can't.

SKNode doesn't have skew* properties. And SKShader allows to use only fragment shader. It means you can change the color of each pixel whatever you want, but you can't change the shape of a sprite.

So I recommend you to use Cocos2d-Swift, Cocos2d-x or so on instead of SpriteKit.

Another option is UIView. You can use the matrix from Adobe Flash to UIView via CALayer transform.

How could I skew/shear a sprite via SpriteKit like Cocos2D?

2 Answers2

Linked