SKView简单使用

SKView

SKView是SpriteKit中的视图对象,通过添加SKScene显示出创建的内容。
SKView显示视图场景通过present​Scene(_:​)来显示SKScene。

创建一个新的项目,选择macOS下的game项:

选择类型

点击Next,输入工程名称,选择Swift和SpriteKit:

填写信息

点击Next,选择工程位置创建。

创建项目后移除一种的GameScene.sks、Actions.sks和GameScene.Swift

删除

删除ViewController中viewDidLoad中的代码,删除后应该是这样:

class ViewController: NSViewController {

    @IBOutlet var skView: SKView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
    }
}

创建项目时,XCode默认为我们创建了一个SKView,我们可以直接使用,当然也可以手动创建:

let skview = SKView()

然后新建一个SKScene,设置它的大小和背景颜色,使用present​Scene(_:​)将我们SKScene呈现出来:

class ViewController: NSViewController {

    @IBOutlet var skView: SKView!
    
    let scene = SKScene(size: CGSize(width: 1024, height: 768))
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        scene.backgroundColor = SKColor.blue
        skView.presentScene(scene)
        
    }
}
蓝色背景

从上图可以看出来,我们已经将我们创建的蓝色SKScene显示到SKView中。


SKView为我们提供几个调试信息的方法:

1.显示帧速率

var shows​FPS:​ Bool

2.显示用户渲染场景的矩形数

var shows​Quad​Count:​ Bool

3.显示渲染视图的绘图数量

var shows​Draw​Count:​ Bool

4.显示物理在场景中可见的重叠数

var shows​Node​Count:​ Bool

5.显示相关的物理调试信息

var shows​Physics:​ Bool

6.显示场景中的物理字段信息

var shows​Fields:​ Bool

我们将这些方法全部添加到SKView中:

skView.showsFPS = true
skView.showsQuadCount = true
skView.showsFields = true
skView.showsPhysics = true
skView.showsDrawCount = true
skView.showsNodeCount = true

重新构建项目,这时我们添加的方法在窗口的右下角显示了出来。

参数

游戏里面基本都会有暂停操作,暂停的时候画面是停止的。SKView也提供该方法:

var is​Paused:​ Bool

我们只需要设置:

skView.isPaused = true

就可以完成暂停操作。

游戏里面存在着场景的切换,如果只是使用present​Scene(_:​)会很生硬,如果SKView中提供了

func present​Scene(SKScene, transition:​ SKTransition)

我们创建一个FirstScene和SecondScene,在FirstScene中监听点击,然后切换到SecondScene:

创建FirstScene

FirstScene.swift

import Cocoa
import SpriteKit

class FirstScene: SKScene {

    override func didMove(to view: SKView) {
        create()
    }
    
    func create(){
        self.backgroundColor = SKColor.blue
    }
    
    override func mouseDown(with event: NSEvent) {
        let secondScene = SecondScene(size: self.size)
        let doorOpen = SKTransition.doorsOpenVertical(withDuration: 0.5)
        self.view?.presentScene(secondScene, transition: doorOpen)
    }
    
}

SecondScene.swift

import Cocoa
import SpriteKit

class SecondScene: SKScene {
    
    override func didMove(to view: SKView) {
        create()
    }
    
    func create(){
        self.backgroundColor = SKColor.red
    }
    
}

ViewController.swift

class ViewController: NSViewController {

    @IBOutlet var skView: SKView!
    
    let scene = SKScene(size: CGSize(width: 1024, height: 768))
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let firstScene = FirstScene(size: self.view.bounds.size)
        
        
        skView.presentScene(firstScene)
        
        skView.showsFPS = true
        skView.showsQuadCount = true
        skView.showsFields = true
        skView.showsPhysics = true
        skView.showsDrawCount = true
        skView.showsNodeCount = true
        
    }
}

我们这里可以加上刚才的暂停方法,在FirstScene的mouseDown中增加一个延时操作:

override func mouseDown(with event: NSEvent) {
        let secondScene = SecondScene(size: self.size)
        let doorOpen = SKTransition.doorsOpenVertical(withDuration: 1)
        self.view?.presentScene(secondScene, transition: doorOpen)
        DispatchQueue.main.asyncAfter(deadline: DispatchTime.now() + 0.25) {
            self.view?.isPaused = true
            DispatchQueue.main.asyncAfter(deadline: DispatchTime.now() + 0.25) {
                self.view?.isPaused = false
            }
        }
    }
暂停

由于我们两个设置两个SKScene的背景颜色不一样,在切换场景时进行暂停,可以看到两个场景同时显示。

SKView还提供了一些其他的方法,我直接贴出来,大家自动试试。

配置场景的渲染方式

var is​Asynchronous:​ Bool

是否异步显示内容

var allows​Transparency:​ Bool

视图是否透明显示

var ignores​Sibling​Order:​ Bool

父子节点和兄弟节点的关系是否影响场景中节点渲染的顺序

var should​Cull​Non​Visible​Nodes:​ Bool

视图是否自动从渲染数中移除不可见的节点

视图和场景坐标之间的转换

func convert(CGPoint, from:​ SKScene)

将场景坐标转换为视图坐标

func convert(CGPoint, to:​ SKScene)

将视图坐标转换为场景坐标

获取场景纹理

func texture(from:​ SKNode, crop:​ CGRect)

渲染节点内容的一部分,并将显示的图像作为SpriteKit纹理返回

func texture(from:​ SKNode)

显示节点数的内容,并将渲染的图像作为SpriteKit纹理返回

协议

var delegate:​ SKView​Delegate?

视图协议

var preferred​Frames​Per​Second:​ Int

视图用户渲染场景的动画帧速率

Demo下载

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,607评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,047评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,496评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,405评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,400评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,479评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,883评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,535评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,743评论 1 295
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,544评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,612评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,309评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,881评论 3 306
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,891评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,136评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,783评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,316评论 2 342

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,010评论 4 62
  • 转载自:https://github.com/Tim9Liu9/TimLiu-iOS[https://github...
    香橙柚子阅读 8,416评论 0 35
  • 大小蛋蛋们 杜小胖走进独流鬼子镇。镇子一片萧条,好多家的大门都贴了封条。 许多人围在一起,轻声说着话。有些人畏畏缩...
    一指天空阅读 168评论 0 1
  • 社会上的流氓理论怎么那么多,今天来讲讲我遇见的流氓理论。 01 最近工作总有那么多人要我帮忙,什么你是本科生,懂得...
    杨咩咩YY阅读 1,163评论 0 0
  • IV 单薄的世界 六年前,二十岁的我坐在某大学餐厅里,招娣坐在我身边,褐色大眼睛美丽地对着我以及她对面的男生笑着,...
    CoyYang阅读 395评论 0 1