带有圆角矩形的 SKScene

Posted

技术标签:

【中文标题】带有圆角矩形的 SKScene【英文标题】:SKScene with rounded rect 【发布时间】:2016-02-04 21:55:05 【问题描述】:

有没有办法让 SKScene 有圆角?我知道您可以使用 SKCropNode 制作圆角矩形,但我不确定如何在 SKScene 中执行此操作。我的 ViewController 像 Apple 默认模板一样呈现场景:

let skView = self.view as! SKView 
skView.presentScene(scene)

我想这样做的原因是我在游戏开始时使用容器视图中的教程重用了我的主 GameScene。

【问题讨论】:

【参考方案1】:

这是我的方法

let world = SKSpriteNode(imageNamed: "world")
var num = CGFloat(0)

override init(size: CGSize) 
    super.init(size: size)
    backgroundColor = SKColor.blackColor()
    let cropNode = SKCropNode()
    let worldMask = SKSpriteNode(imageNamed: "rect")

    cropNode.addChild(world)
    cropNode.maskNode = worldMask
    addChild(cropNode)
    cropNode.position = CGPointMake(size.width/2, size.height/2)

    let randomSquare = SKSpriteNode(color: SKColor.redColor(), size: CGSizeMake(100, 100))
    world.addChild(randomSquare)



override func update(currentTime: NSTimeInterval) 
    num += 0.1
    world.position.x += cos(num) * 10
    world.position.y += sin(num) * 10

【讨论】:

以上是关于带有圆角矩形的 SKScene的主要内容,如果未能解决你的问题,请参考以下文章

从带有圆角的矩形中检测角点

创建带有圆角矩形的进度指示器

将标签绘制为带有边缘而不是圆角的矩形

如何在 iPhone 上绘制一个带有剪裁而不是圆角的矩形?

带圆角的矩形

canva绘制圆角矩形