用Swift做个游戏Lecture08 —— Show Me 得分面板!

课时7中实现了得分机制,当你越战越勇,得分也蹭蹭地往上加,不过马有失蹄,人有失足,总会不小心失败,这时候就要结算你的劳动成果了:通常都是告知游戏结束,得分几何,最好成绩等等信息。咱们游戏是这么设计的:

本文任务:

  • 当游戏结束时呈现上图的内容

思路:

  • 简单来说就是实例化几个特定纹理(你可以理解为照片image)的精灵,然后按照特定布局放置到屏幕中,是不是灰常简单呢?

01.使用NSUserDefaults来保存数据

使用NSUserDefaults用于持久性的保存得分记录是一个明智的决定,我们不可能为了存一个数据而使用诸如Core Data或者sqlite数据库

1-1 从NSUserDefault中读取分数

请在GameScene类中添加一个方法,用于读取游戏记录得分:

func bestscore()->Int{
    return NSUserDefaults.standardUserDefaults().integerForKey("Bestscore")
}

可以看到方法中为最高得分设置了名为”Bestscore”的键。

1-2 在NSUserDefault中设置分数

有读取自然有写,请在bestscore()方法下方添加一个方法:

func setBestscore(bestscore:Int){
    NSUserDefaults.standardUserDefaults().setInteger(bestscore,forKey: "Bestscore")
    NSUserDefaults.standardUserDefaults().synchronize()
}

02.构建得分面板

得分面板如文中给出图片布局,工程量还是蛮大的,不过我会一步一步讲解,无需担心一口吃撑的情况。

首先请找到setupLabel方法,在它下方声明咱们的设置得分面板的函数,取名为setupscorecard():

func setupscorecard() {
   //1
   if score > bestscore() {
     setBestscore(score)
   } 
   //...等下添加其他内容
}
  • 首先调用bestscore()取到历史最高得分,与本回合得分比较,倘若这次“走狗屎运”得了高分,咱们就要更新历史最高纪录,也就是调用setBestscore(score)方法

接着,着手添加得分面板的精灵,内容有点多,请注意别码错:

func setupscorecard() {

   if score > bestscore() {
     setBestscore(score)
   }

   // 1 得分面板背景
   let scorecard = SKSpriteNode(imageNamed: "scoreCard")
   scorecard.position = CGPoint(x: size.width * 0.5,y: size.height * 0.5)
   scorecard.name = "Tutorial"
   scorecard.zPosition = Layer.UI.rawValue
   worldNode.addChild(scorecard)

   // 2 本次得分
   let lastscore = SKLabelNode(fontNamed: kFontName)
   lastscore.fontColor = SKColor(red: 101.0/255.0,green: 71.0/255.0,blue: 73.0/255.0,alpha: 1.0)
   lastscore.position = CGPoint(x: -scorecard.size.width * 0.25,y: -scorecard.size.height * 0.2)
   lastscore.text = "\(score)"
   scorecard.addChild(lastscore)

   // 3 最好成绩
   let bestscoreLabel = SKLabelNode(fontNamed: kFontName)
   bestscoreLabel.fontColor = SKColor(red: 101.0/255.0,alpha: 1.0)
   bestscoreLabel.position = CGPoint(x: scorecard.size.width * 0.25,y: -scorecard.size.height * 0.2)
   bestscoreLabel.text = "\(self.bestscore())"
   scorecard.addChild(bestscoreLabel)

   // 4 游戏结束
   let gameOver = SKSpriteNode(imageNamed: "GameOver")
   gameOver.position = CGPoint(x: size.width/2,y: size.height/2 + scorecard.size.height/2 + kMargin + gameOver.size.height/2)
   gameOver.zPosition = Layer.UI.rawValue
   worldNode.addChild(gameOver)

   // 5 ok按钮背景以及ok标签
   let okButton = SKSpriteNode(imageNamed: "Button")
   okButton.position = CGPoint(x: size.width * 0.25,y: size.height/2 - scorecard.size.height/2 - kMargin - okButton.size.height/2)
   okButton.zPosition = Layer.UI.rawValue
   worldNode.addChild(okButton)


   let ok = SKSpriteNode(imageNamed: "OK")
   ok.position = CGPoint.zeroPoint
   ok.zPosition = Layer.UI.rawValue
   okButton.addChild(ok)

   // 6 share按钮背景以及share标签
   let shareButton = SKSpriteNode(imageNamed: "Button")
   shareButton.position = CGPoint(x: size.width * 0.75,y: size.height/2 - scorecard.size.height/2 - kMargin - shareButton.size.height/2)
   shareButton.zPosition = Layer.UI.rawValue
   worldNode.addChild(shareButton)


   let share = SKSpriteNode(imageNamed: "Share")
   share.position = CGPoint.zeroPoint
   share.zPosition = Layer.UI.rawValue
   shareButton.addChild(share)
}

当你码完了这一段超长代码之后,你会松一口气,现在还有一步就能享受胜利的果实了!!
想想我们时候什么需要显示这个得分面板。Player掉落失败的时候,对吗?请找到switchToShowscore()方法,在最下方调用setupscorecard(),点击运行,过几个障碍物,然后自由落体,看看是否良好地显示了得分面板。

Good Job!显示本次得分,历史最高纪录以及选项按钮——不过此时并没有什么卵用。

你有木有发现得分面板“毫无征兆”地就出现在了场景中央,来加个动画吧!!!

03.为得分面板添加动画

请回到原先的setupscorecard()方法,继续再下方添加动画代码:

//=== 添加一个常量 用于定义动画时间 ====
let kAnimDelay = 0.3

func setupscorecard() {
    //。。。。。。
    //==== 以下是新添加内容 =====
    gameOver.setScale(0)
    gameOver.alpha = 0
    let group = SKAction.group([
       SKAction.fadeInWithDuration(kAnimDelay),SKAction.scaleto(1.0,duration: kAnimDelay)
       ])
    group.timingMode = .EaseInEaSEOut
    gameOver.runAction(SKAction.sequence([
       SKAction.waitForDuration(kAnimDelay),group
       ]))

    scorecard.position = CGPoint(x: size.width * 0.5,y: -scorecard.size.height/2)
    let moveto = SKAction.moveto(CGPoint(x: size.width/2,y: size.height/2),duration: kAnimDelay)
    moveto.timingMode = .EaseInEaSEOut
    scorecard.runAction(SKAction.sequence([
       SKAction.waitForDuration(kAnimDelay * 2),moveto
       ]))

    okButton.alpha = 0
    shareButton.alpha = 0
    let fadeIn = SKAction.sequence([
       SKAction.waitForDuration(kAnimDelay * 3),SKAction.fadeInWithDuration(kAnimDelay)
       ])
    okButton.runAction(fadeIn)
    shareButton.runAction(fadeIn)

    let pops = SKAction.sequence([
       SKAction.waitForDuration(kAnimDelay),popAction,SKAction.waitForDuration(kAnimDelay),SKAction.runBlock(switchToGameOver)
       ])
    runAction(pops)
}

点击运行,玩耍吧!

注意: 我发现了一个BUG,倘若游戏一开始就使得它下落触碰地面,弹出的得分面板share标签放置位置是错误的,因为它的背景以let shareButton = SKSpriteNode(imageNamed: "Button") 返回的是一个精灵size=0,让我百思不得其解。希望找到问题的朋友可以告知我。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


软件简介:蓝湖辅助工具,减少移动端开发中控件属性的复制和粘贴.待开发的功能:1.支持自动生成约束2.开发设置页面3.做一个浏览器插件,支持不需要下载整个工程,可即时操作当前蓝湖浏览页面4.支持Flutter语言模板生成5.支持更多平台,如Sketch等6.支持用户自定义语言模板
现实生活中,我们听到的声音都是时间连续的,我们称为这种信号叫模拟信号。模拟信号需要进行数字化以后才能在计算机中使用。目前我们在计算机上进行音频播放都需要依赖于音频文件。那么音频文件如何生成的呢?音频文件的生成过程是将声音信息采样、量化和编码产生的数字信号的过程,我们人耳所能听到的声音频率范围为(20Hz~20KHz),因此音频文件格式的最大带宽是20KHZ。根据奈奎斯特的理论,音频文件的采样率一般在40~50KHZ之间。奈奎斯特采样定律,又称香农采样定律。...............
前言最近在B站上看到一个漂亮的仙女姐姐跳舞视频,循环看了亿遍又亿遍,久久不能离开!看着小仙紫姐姐的蹦迪视频,除了一键三连还能做什么?突发奇想,能不能把舞蹈视频转成代码舞呢?说干就干,今天就手把手教大家如何把跳舞视频转成代码舞,跟着仙女姐姐一起蹦起来~视频来源:【紫颜】见过仙女蹦迪吗 【千盏】一、核心功能设计总体来说,我们需要分为以下几步完成:从B站上把小姐姐的视频下载下来对视频进行截取GIF,把截取的GIF通过ASCII Animator进行ASCII字符转换把转换的字符gif根据每
【Android App】实战项目之仿抖音的短视频分享App(附源码和演示视频 超详细必看)
前言这一篇博客应该是我花时间最多的一次了,从2022年1月底至2022年4月底。我已经将这篇博客的内容写为论文,上传至arxiv:https://arxiv.org/pdf/2204.10160.pdf欢迎大家指出我论文中的问题,特别是语法与用词问题在github上,我也上传了完整的项目:https://github.com/Whiffe/Custom-ava-dataset_Custom-Spatio-Temporally-Action-Video-Dataset关于自定义ava数据集,也是后台
因为我既对接过session、cookie,也对接过JWT,今年因为工作需要也对接了gtoken的2个版本,对这方面的理解还算深入。尤其是看到官方文档评论区又小伙伴表示看不懂,所以做了这期视频内容出来:视频在这里:本期内容对应B站的开源视频因为涉及的知识点比较多,视频内容比较长。如果你觉得看视频浪费时间,可以直接阅读源码:goframe v2版本集成gtokengoframe v1版本集成gtokengoframe v2版本集成jwtgoframe v2版本session登录官方调用示例文档jwt和sess
【Android App】实战项目之仿微信的私信和群聊App(附源码和演示视频 超详细必看)
用Android Studio的VideoView组件实现简单的本地视频播放器。本文将讲解如何使用Android视频播放器VideoView组件来播放本地视频和网络视频,实现起来还是比较简单的。VideoView组件的作用与ImageView类似,只是ImageView用于显示图片,VideoView用于播放视频。...
采用MATLAB对正弦信号,语音信号进行生成、采样和内插恢复,利用MATLAB工具箱对混杂噪声的音频信号进行滤波
随着移动互联网、云端存储等技术的快速发展,包含丰富信息的音频数据呈现几何级速率增长。这些海量数据在为人工分析带来困难的同时,也为音频认知、创新学习研究提供了数据基础。在本节中,我们通过构建生成模型来生成音频序列文件,从而进一步加深对序列数据处理问题的了解。
基于yolov5+deepsort+slowfast算法的视频实时行为检测。1. yolov5实现目标检测,确定目标坐标 2. deepsort实现目标跟踪,持续标注目标坐标 3. slowfast实现动作识别,并给出置信率 4. 用框持续框住目标,并将动作类别以及置信度显示在框上
数字电子钟设计本文主要完成数字电子钟的以下功能1、计时功能(24小时)2、秒表功能(一个按键实现开始暂停,另一个按键实现清零功能)3、闹钟功能(设置闹钟以及到时响10秒)4、校时功能5、其他功能(清零、加速、星期、八位数码管显示等)前排提示:前面几篇文章介绍过的内容就不详细介绍了,可以看我专栏的前几篇文章。PS.工程文件放在最后面总体设计本次设计主要是在前一篇文章 数字电子钟基本功能的实现 的基础上改编而成的,主要结构不变,分频器将50MHz分为较低的频率备用;dig_select
1.进入官网下载OBS stdioOpen Broadcaster Software | OBS (obsproject.com)2.下载一个插件,拓展OBS的虚拟摄像头功能链接:OBS 虚拟摄像头插件.zip_免费高速下载|百度网盘-分享无限制 (baidu.com)提取码:6656--来自百度网盘超级会员V1的分享**注意**该插件必须下载但OBS的根目录(应该是自动匹配了的)3.打开OBS,选中虚拟摄像头选择启用在底部添加一段视频录制选择下面,进行录制.
Meta公司在9月29日首次推出一款人工智能系统模型:Make-A-Video,可以从给定的文字提示生成短视频。基于**文本到图像生成技术的最新进展**,该技术旨在实现文本到视频的生成,可以仅用几个单词或几行文本生成异想天开、独一无二的视频,将无限的想象力带入生活
音频信号叠加噪声及滤波一、前言二、信号分析及加噪三、滤波去噪四、总结一、前言之前一直对硬件上的内容比较关注,但是可能是因为硬件方面的东西可能真的是比较杂,而且需要渗透的东西太多了,所以学习进展比较缓慢。因为也很少有单纯的硬件学习研究,总是会伴随着各种理论需要硬件做支撑,所以还是想要慢慢接触理论学习。但是之前总找不到切入点,不知道从哪里开始,就一直拖着。最近稍微接触了一点信号处理,就用这个当作切入点,开始接触理论学习。二、信号分析及加噪信号处理选用了matlab做工具,选了一个最简单的语音信号处理方
腾讯云 TRTC 实时音视频服务体验,从认识 TRTC 到 TRTC 的开发实践,Demo 演示& IM 服务搭建。
音乐音频分类技术能够基于音乐内容为音乐添加类别标签,在音乐资源的高效组织、检索和推荐等相关方面的研究和应用具有重要意义。传统的音乐分类方法大量使用了人工设计的声学特征,特征的设计需要音乐领域的知识,不同分类任务的特征往往并不通用。深度学习的出现给更好地解决音乐分类问题提供了新的思路,本文对基于深度学习的音乐音频分类方法进行了研究。首先将音乐的音频信号转换成声谱作为统一表示,避免了手工选取特征存在的问题,然后基于一维卷积构建了一种音乐分类模型。
C++知识精讲16 | 井字棋游戏(配资源+视频)【赋源码,双人对战】
本文主要讲解如何在Java中,使用FFmpeg进行视频的帧读取,并最终合并成Gif动态图。
在本篇博文中,我们谈及了 Swift 中 some、any 关键字以及主关联类型(primary associated types)的前世今生,并由浅及深用简明的示例向大家讲解了它们之间的奥秘玄机。