(三)宇宙大战 Space Battle -- 场景SCENE切换、UserDefaults统计分数、Particle粒子效果

此《宇宙大战 Space Battle》SpirteKit手机游戏教程共分为三系列:javascript

(一)宇宙大战 Space Battle -- 新建场景Scene、精灵节点、Particle粒子及背景音乐
(二)宇宙大战 Space Battle -- 无限循环背景Endless、SpriteKit物理碰撞、CoreMotion加速计
(三)宇宙大战 Space Battle — 场景SCENE切换、UserDefaults统计分数、Particle粒子效果(你正在此处进行学习)php

1、如何进行各个场景之间的切换java

 
场景SCENE切换

如上图所示,共分为三个场景:
一、MainScene.sks -- 用户打开APP时一开始看到的画面,等待用户点击"Play"按钮;
二、GameScene.sks -- 游戏进行中的场景画面,用于建立无限循环背景Endless、监测SpriteKit物理碰撞、应用CoreMotion加速计,判断游戏的业务逻辑;
三、LoseScene.sks -- 游戏结束时的场景画面,记录当届分数,记录最高分并应用UserDefaults储存分数在手机沙盒当中,点击"Tap to play"按钮回到GameScene游戏场景画面;node

 
目录文件在工程项目中的Scenes文件夹中

咱们依据第一节所学到的知识,新建一个文件,在Scenes文件夹中,Mouse右建 -> New File -> 选择 iOS -> SpriteKit Scene -> Next 命名一个新的场景为 MainScene.sksgit

 
新建一个文件
 
SpriteKit Scene
 
分别拖动三个ColorSprite到MainScene.sks场景中
 
三个精灵Spirte节点的Zposition为1,位于背景的上方

另新建一个文件,也是在Scenes文件夹中,Mouse右建 -> New File -> 选择 iOS -> Swift File -> Next 命名为 MainScene.swfit ,关联 MainScene.sks的 Custom Class 为 MainScene.swiftgithub

 
关联 MainScene.sks的 Custom Class 为 MainScene.swift

在Game ViewController设置开始场景为 MainScene.sksswift

if let scene = MainScene(fileNamed: "MainScene") { scene.size = CGSize(width: 1536, height: 2048) scene.scaleMode = .aspectFill view.presentScene(scene) } 

设置好启动场景后,咱们再来MainScene.swfit编写代码:api

在didMove(to view: SKView)里,缓存

override func didMove(to view: SKView) { /// Play为场景命名的节点名称 play = childNode(withName: "Play") as! SKSpriteNode learnTemp = childNode(withName: "learnTemp") as! SKSpriteNode // 背景音乐 let bgMusic = SKAudioNode(fileNamed: "spaceBattle.mp3") bgMusic.autoplayLooped = true addChild(bgMusic) } 

接下来,咱们就要来判断用户的触摸位置,是否是按到 Play 按钮
在 override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) 函数里:bash

/// 判断用户是否有点击 guard let touch = touches.first else { return } let touchLocation = touch.location(in: self) /// 得到点击的位置 if play.contains(touchLocation) { /// 表示触摸点击在play按钮当中 } 

把切换进入GameScene.sks的代码写在 play.contains(){}函数里

let reveal = SKTransition.doorsOpenVertical(withDuration: TimeInterval(0.5)) ///场景切换 let mainScene = GameScene(fileNamed: "GameScene") mainScene?.size = self.size mainScene?.scaleMode = .aspectFill self.view?.presentScene(mainScene!, transition: reveal) 

这样子,咱们就完成了场景之间的切换了!

一样,GameScene切换到LoseScene、LoseScene切换为GameScene 也是应用 self.view?.presentScene的方法,具体代码以下:

在外星人Alien撞击到飞船,游戏结束,GameScene切换到LoseScene:

// MARK: 外星人Alien撞击到飞船,游戏结束 func alienHitSpaceShip(nodeA:SKSpriteNode,nodeB:SKSpriteNode){ // 切换游戏结束场景 let reveal = SKTransition.doorsOpenHorizontal(withDuration: TimeInterval(0.5)) let loseScene = LoseScene(fileNamed: "LoseScene") loseScene?.size = self.size loseScene?.scaleMode = .aspectFill self.view?.presentScene(loseScene!, transition: reveal) } 

2、应用UserDefaults储存游戏分数和最高分

咱们在GameScene.swift里

private var currentScore:SKLabelNode! // 当前分数节点 private var cScore:Int = 0 /// Int 存当前分数 private var highScore:SKLabelNode! // 最高分数 private var hScore:Int = 0 /// Int 存最高分数 

在子弹击中外星人时记录分数
func bulletHitAlien(nodeA:SKSpriteNode,nodeB:SKSpriteNode){}

func bulletHitAlien(nodeA:SKSpriteNode,nodeB:SKSpriteNode){ // 分数统计 cScore += 1 currentScore.text = "SCORE:\(cScore)" // 保存当前分数 UserDefaults.standard.set(cScore, forKey: "CURRENTSCORE") if cScore > hScore { hScore = cScore highScore.text = "High:\(hScore)" // 保存最高分数 UserDefaults.standard.set(cScore, forKey: "HIGHSCORE") } } 

咱们应用UserDefaults.standard.set方法,分别储存当前分数和最高分数对应的键值forKey:CURRENTSCORE和HIGHSCORE,而后,在游戏结束的场景LoseScene.swift经过UserDefaults.standard.integer(forKey: "CURRENTSCORE")取出存在手机沙盒里的值;

currentScore.text = "SCORE:\(UserDefaults.standard.integer(forKey: "CURRENTSCORE"))" // 取出当前分数 highScore.text = "HIGH SCORE:\(UserDefaults.standard.integer(forKey: "HIGHSCORE"))" // 取出沙盒中的最高分数 
 
取出沙盒中的分数,并分别把当前分数、最高分数显示在LoseScene场景当中

代码以下:

private var currentScore:SKLabelNode! // 当局分数 private var highScore:SKLabelNode! // 最高分数 override func didMove(to view: SKView) { // 找到 名称为Play的节点 play = childNode(withName: "Play") as! SKSpriteNode currentScore = childNode(withName: "currentScore") as! SKLabelNode highScore = childNode(withName: "highScore") as! SKLabelNode currentScore.text = "SCORE:\(UserDefaults.standard.integer(forKey: "CURRENTSCORE"))" // 取出当前分数 highScore.text = "HIGH SCORE:\(UserDefaults.standard.integer(forKey: "HIGHSCORE"))" // 取出沙盒中的最高分数 } 

咱们补充一下有关Swift数据储存方式的相关知识,数据储存是存在iOS沙盒的当中,沙盒,顾名思义,即各个app之间是没法互相访问数据的,其目录结构为:

 
每一个应用程序都有对应的私有目录,其根目录为Home目录。该目录下又三个文件夹:Documents、Library、tmp
 
UserDefaults的存放位置

每一个iOS应用都有本身的应用沙盒(应用沙盒就是文件系统目录),与其余文件系统隔离。应用必须待在本身的沙盒里,其余应用不能访问该沙盒。沙盒下的目录以下:

Documents: 保存应⽤运行时生成的须要持久化的数据,iTunes同步设备时会备份该目录。例如,游戏应用可将游戏存档保存在该目录。

tmp: 保存应⽤运行时所需的临时数据,使⽤完毕后再将相应的文件从该目录删除。应用 没有运行时,系统也可能会清除该目录下的文件。iTunes同步设备时不会备份该目录。

Library/Caches: 保存应用运行时⽣成的须要持久化的数据,iTunes同步设备时不会备份 该目录。⼀通常存储体积大、不须要备份的非重要数据,好比网络数据缓存存储到Caches下。

Library/Preference: 保存应用的全部偏好设置,如iOS的Settings(设置) 应⽤会在该目录中查找应⽤的设置信息。iTunes同步设备时会备份该目录。

UserDefaults能够存储的数据类型:NSData、NSString、NSNumber、NSDate、NSArray、NSDictionary,若是把有null的value放入userDefaults,程序会崩。

//存储基础类型,以Int为例。 UserDefaults.standard.set(15, forKey:"theKey") //读取基础类型,以Int为例。 let num = UserDefaults.standard.integer(forKey: "theKey") 

注意:不要用UserDefaults储存用户的密码。

3、SpirteKit Particle粒子效果

咱们选中Explosion.sks来查看Particle粒子效果,右侧为粒子效果的属性面板,咱们能够修改属性中的相关值,来观察爆炸的变化。

 
Particle粒子效果

在代码中引入,外星人Alien撞击到飞船引入粒子特效。

// 击中粒子效果 Particle func alienHitSpaceShip(nodeA:SKSpriteNode,nodeB:SKSpriteNode){ if (nodeA.physicsBody?.categoryBitMask == PhysicsCategory.Alien || nodeB.physicsBody?.categoryBitMask == PhysicsCategory.Alien) && (nodeA.physicsBody?.categoryBitMask == PhysicsCategory.SpaceShip || nodeB.physicsBody?.categoryBitMask == PhysicsCategory.SpaceShip) { let explosion = SKEmitterNode(fileNamed: "Explosion")! explosion.position = nodeA.position self.addChild(explosion) } } 

子弹击中外星飞船的粒子特效

// MARK: 子弹vs外星人 func bulletHitAlien(nodeA:SKSpriteNode,nodeB:SKSpriteNode){ // 击中粒子效果 Particle let explosion = SKEmitterNode(fileNamed: "ExplosionBlue")! explosion.position = nodeA.position self.addChild(explosion) explosion.run(SKAction.sequence([ SKAction.wait(forDuration: 0.3), SKAction.run { explosion.removeFromParent() }])) } 

子弹引入粒子特效,在func spawnBulletAndFire(){}里

/* * 粒子效果 * 1.新建一个SKNode => trailNode * 2.新建粒子效果SKEmitterNode,设置tragetNode = trailNode * 3.子弹加上emitterNode */ let trailNode = SKNode() trailNode.zPosition = 1 trailNode.name = "trail" addChild(trailNode) let emitterNode = SKEmitterNode(fileNamed: "ShootTrailBlue")! // particles文件夹存放粒子效果 emitterNode.targetNode = trailNode // 设置粒子效果的目标为trailNode => 跟随新建的trailNode bulletNode.addChild(emitterNode) // 在子弹节点Node加上粒子效果; 

若是去除 emitterNode.targetNode = trailNode,则子弹没有拖影特效

其中特别要注意的是要判断哪一个是子弹精灵节点,并移除全部子弹精灵的子节点的特效。

nodeA.removeAllChildren() // 移除全部子效果 emitter

// 判断哪一个是子弹节点bulletNode,碰撞didBegin没有比较大小时,则会相互切换,也就是A和B互相切换; if nodeA.physicsBody?.categoryBitMask == PhysicsCategory.BulletBlue { nodeA.removeAllChildren() // 移除全部子效果 emitter nodeA.isHidden = true // 子弹隐藏 nodeA.physicsBody?.categoryBitMask = 0 // 设置子弹不会再发生碰撞 nodeB.removeFromParent() // 移除外星人 }else if nodeB.physicsBody?.categoryBitMask == PhysicsCategory.BulletBlue { nodeA.removeFromParent() // 移除外星人 nodeB.removeAllChildren() nodeB.isHidden = true nodeB.physicsBody?.categoryBitMask = 0 } 

至此,咱们就完成了Space Battle宇宙大战SpirteKit游戏的全部章节了。

很感谢你们的阅读,若是有疑问能够在文章下方的评论栏提问,也请你们多多指出文中的不足之处,一块儿努力,一块儿从开发游戏当中得到满满的乐趣,收获满满的自豪感。

游戏源码传送门:https://github.com/apiapia/SpaceBattleSpriteKitGame
更多游戏教程:http://www.iFIERO.com

相关文章
相关标签/搜索