CAShapeLayer和SpriteKit

Z时代
2024-01-10
分类：问答

我想利用CAShapeLayer中的路径动画功能，该功能在SpriteKit中不可用，因此必须组合在同一视图中将CAShapeLayer与SpriteKit对象进行绘制的对象。CAShapeLayer和SpriteKit

坐标系似乎是相反的：CAShapeLayer似乎有+ ve y轴向下指向，而SKScene则指向上。

下面是一个简单的XCODE操场，试图从0,0到200,100绘制一条黄线，并用较粗的红线将其遮蔽。

import SpriteKit 
import PlaygroundSupport 
let bounds = CGRect(x: 0, y: 0, width: 400, height: 200) 
let view = SKView(frame: bounds) 
view.backgroundColor = UIColor.lightGray 
PlaygroundPage.current.liveView = view 
// Create SK Scene 
let scene = SKScene(size: CGSize(width: 400, height: 200)) 
scene.scaleMode = SKSceneScaleMode.aspectFit 
view.presentScene(scene); 
// Define the path 
let path: CGMutablePath = CGMutablePath(); 
path.move(to: CGPoint(x:0, y:0)) 
path.addLine(to: CGPoint(x:200, y:100)) 
// Use CAShapeLayer to draw the red line 
var pathLayer: CAShapeLayer = CAShapeLayer() 
pathLayer.path = path 
pathLayer.strokeColor = UIColor.red.cgColor 
pathLayer.fillColor = nil 
pathLayer.lineWidth = 4.0 
pathLayer.lineJoin = kCALineJoinBevel 
pathLayer.zPosition = 1; 
view.layer.addSublayer(pathLayer); 
//Use SKShapeNode to draw the yellow line 
let pathShape: SKShapeNode = SKShapeNode(path: path); 
pathShape.strokeColor = .yellow; 
pathShape.lineWidth = 1.0; 
pathShape.zPosition = 10; 
scene.addChild(pathShape);