Flappy Bird整个项目临近尾声,要做的只是对游戏体验的优化,本文首先解决两个,分别是:

  1. 实现Player 静态时的动画,修改早前掉落时直上直下的问题。
  2. Player撞击障碍物时,给出一个shake摇晃动画。

游戏最后实现的效果是这样的:

Player动画实现

当游戏状态为.Tutorial的时候,Player是静态呈现在教程界面上的,为此我们想要实现一个动画,让其挥动翅膀。而实现方法也很简单,动画由多张图片组成,指定一定时间播放完毕,具体用SKTexture实例化每一个图片,然后放到数组中;紧接着调用animateWithTextures(_:timePerFrame:)播放动画。

找到setupTutorial()方法,再其下方新增一个方法:

func setupPlayerAnimation() {

    var textures: Array<SKTexture> = []
    // 我们有4张图片
    for i in 0..<4 {
        textures.append(SKTexture(imageNamed: "Bird\(i)"))
    }
    // 4=3-1
    for i in 3.stride(through: 0,by: -1) {
        textures.append(SKTexture(imageNamed: "Bird\(i)"))
    }

    let playerAnimation = SKAction.animateWithTextures(textures,timePerFrame: 0.07)
    player.runAction(SKAction.repeatActionForever(playerAnimation))

}

正如前面所说,我们采用for-in循环实例化了4个SKTexture实例存储于数组中,接着调用方法播放动画。现在请将该方法添加到switchToMainMenu()以及switchToTutorial()方法中的最后,点击运行,看看Player是否挥动翅膀了。

在玩游戏的时候我们会注意到Player掉落时是直上直下,有些呆板,这里需要替换掉,动画效果如图:

在开始实现Player旋转机制前,先定义几个常量以及变量,请在GameScene()类中添加如下属性

// 新增常量
let kMindegrees: CGFloat = -90          // 定义Player最小角度为-90
let kMaxdegrees: CGFloat = 25           // 定义Player最大角度为25
let kAngularVeLocity: CGFloat = 1000.0  // 定义角速度

// 新增变量
var playerAngularVeLocity: CGFloat = 0.0    // 实时更新player的角度
var lastTouchTime: NSTimeInterval = 0       // 用户最后一次点击时间
var lastTouchY: CGFloat = 0.0               // 用户最后一次点击坐标

请找到flapPlayer方法,这个方法是在游戏状态下,用户点击一次屏幕需要调用的方法(具体请跳到touchesBegan方法),为此我们将在这里进行lastTouchTimelastTouchY变量的更新,替换后的内容如下:

func flapPlayer(){
   // 发出一次煽动翅膀的声音
   runAction(flapAction)
   // 重新设定player的速度!!
   playerVeLocity  = CGPointMake(0,kImpulse)

   //===========新增内容============
   playerAngularVeLocity = kAngularVeLocity.degreesToradians()
   lastTouchTime = lastUpdateTime
   lastTouchY = player.position.y
   //==============================

   // 使得帽子下上跳动
   let moveUp = SKAction.moveByX(0,y: 12,duration: 0.15)
   moveUp.timingMode = .EaseInEaSEOut
   let moveDown = moveUp.reversedAction()
   sombrero.runAction(SKAction.sequence([moveUp,moveDown]))
}

如此每次用户点击一次屏幕,就会重新计算Player应该旋转多少。那么什么时候去真正更新Player的状态呢?答案是update()方法。这里我们要更新的是Player的信息,请找到updatePlayer()方法,新增如下内容到最后:

if player.position.y < lastTouchY {
  playerAngularVeLocity = -kAngularVeLocity.degreesToradians()
}

// Rotate player
let angularstep = playerAngularVeLocity * CGFloat(dt)
player.zRotation += angularstep
player.zRotation = min(max(player.zRotation,kMindegrees.degreesToradians()),kMaxdegrees.degreesToradians())

点击运行!不出意味应该和预期效果一样。

Shake动画

先前说到Player撞击障碍物后要有一个摇晃的动画以及闪烁的小锅,那样显得更有真实感不是吗,这里需要调用screenShakeWithNode来实现,摇晃对象是谁?自然是worldNode喽。

由于内容简单,请直接定位到switchToFalling()方法,替换早前内容:

enum Layer: CGFloat {
  case Background
  case Obstacle
  case Foreground
  case Player
  case UI
  case Flash        //新增一个层
}

func switchToFalling() {
   gameState = .Falling

   // Screen shake
   let shake = SKAction.screenShakeWithNode(worldNode,amount: CGPoint(x: 0,y: 7.0),oscillations: 10,duration: 1.0)
   worldNode.runAction(shake)

   // Flash
   let whiteNode = SKSpriteNode(color: SKColor.whiteColor(),size: size)
   whiteNode.position = CGPoint(x: size.width/2,y: size.height/2)
   whiteNode.zPosition = Layer.Flash.rawValue
   worldNode.addChild(whiteNode)

   whiteNode.runAction(SKAction.removeFromParentAfterDelay(0.01))

   runAction(SKAction.sequence([
       whackAction,SKAction.waitForDuration(0.1),fallingAction
       ]))

   player.removeAllActions()
   stopSpawning()
}

哦对了,请注释掉GameViewController.swift中的几行代码,去掉所有调试信息,这样才是一个完整的游戏;

// 4.设置一些调试参数
//skView.showsFPS = true // 显示帧数
//skView.showsNodeCount = true // 显示当前场景下节点个数
//skView.showsPhysics = true // 显示物理体
//skView.ignoresSiblingOrder = true // 忽略节点添加顺序

点击运行,享受你的劳动果实吧!

结尾

这个游戏系列文章终于连载完成,当时可能是一时兴起,最后还是坚持下来了。文章更多是在叙述整个游戏是如何开发出来,并未在一些基础知识以及实现原理上细说,这是之后我要补充的,最后谢谢大家的支持。如果觉得不错,请点击喜欢并关注我,同时将我的文章推荐给你的朋友。8~~

用Swift做个游戏Lecture10 —— 优化游戏(终结篇)的更多相关文章

  1. AVPlayer不会在iOS9中播放来自网址的视频

    我试图在UIView中嵌入一个AVPlayer并从网址播放mp4视频文件.问题是我只收到一个黑色的空白视图(见截图)在以前的iOS版本中,它对我有用,但自从升级到iOS9后我遇到了这个问题.我的.h文件如下所示:而在我的实现文件中,我有以下内容:我错过了什么吗?

  2. ios – 在Swift Playground中使用AVPlayer播放视频?

    我在使用AVPlayer在快速游乐场内播放视频时遇到问题.这是我的代码.有什么建议?代码完全没有任何作用.我的期望是’v’变量应该显示视频.当我将avplayerlayer连接到故事板的视图时,它似乎在操场外工作.解决方法如果将它放入操场,以下情况应该有效.确保换出路径:

  3. 视频 – MPMoviePlayerController在完成播放后不会自动关闭电影(ios 6)

    我可能没有写出我的标题很好,也许更正确的说,我的NSNotification不会在播放后解散我的电影的观点.我发现其他人有这个问题,但没有解决方案,似乎这可能是iOS6的问题,这是我正在运行.播放视频后,您需要按“完成”才能关闭,但是我希望自动关闭,因为一旦我将其整理出来,我将使用MPMovieControlStyleNone.这是我的代码与未使用的部分被剥离:`解决方法也有这个问题要修复movi

  4. ios – 如何存档和取消归档Swift中的自定义对象?或者如何将自定义对象保存到Swift中的NSUserDefaults?

    我有一个班我想要序列化并保存到用户默认值.首先我不知道如何正确编写编码器和解码器.所以对于init我写了两个方法.当我尝试执行这个代码:应用程式崩溃,我收到这则讯息:我做错了什么?

  5. ios – 如何检查AVPlayer的状态?

    我以为我可以通过属性“rate”来检查AVPlayer的状态.这就是我创建一个播放器实例的方法:稍后我会做这样的事情这是我发现的:>在模拟器中,如果播放器没有运行,我得到“0.0”,如果它正在运行,我得到“1.0”.>如果我启动播放器但中断互联网连接,它会将值从1更改为0.>但是,在我的iPhone上,即使进入飞行模式,该属性仍保持值1?您是否知道为什么会发生这种情况以及如何检查流情况呢?

  6. swift之反初始化

    反初始化在一个类的实例被释放之前,反初始化函数被立即调用。用关键字deinit来标示反初始化函数,类似于初始化函数用init来标示。不允许主动调用自己的反初始化函数。vendCoins方法在bank分发硬币之前检查是否有足够的硬币。这通过player的coinsInPurse属性来体现:每个Player实例都由一个指定数目硬币组成的启动额度初始化,这些硬币在bank初始化的过程中得到。在这发生前一步,其反初始化函数被自动调用,其硬币被返回到bank。

  7. [翻译]Swift编程语言——析构

    使用deinit关键字定义析构方法,和使用init定义构造方法类似。析构方法只对类类型有效。析构如何工作当实例不再被需要,Swift会自动释放它们,来释放资源。析构方便不需要带任何参数也不需要写圆括号了:析构方法会被自动调用,在实例被释放之前。不允许手工调用析构方法。超类的析构方法总会被调用,尽管子类没有提供它自己的析构方法。在这些发生前,这个实例的析构方法被调用,实例中的硬币被返还给了银行。

  8. 用Swift做个游戏Lecture02 —— Player的诞生

    点击运行程序,Player出现在场景之中。将该方法添加至update方法中的最下面。意味着每隔33.3毫秒左右就要更新一次Player的位置。因此,添加一个方法到GameScene类中,用于每次用户点击屏幕时调用,作用是让Player获得向上的速度!

  9. 用Swift做个游戏Lecture10 —— 优化游戏(终结篇)

    FlappyBird整个项目临近尾声,要做的只是对游戏体验的优化,本文首先解决两个,分别是:实现Player静态时的动画,修改早前掉落时直上直下的问题。Player撞击障碍物时,给出一个shake摇晃动画。现在请将该方法添加到switchToMainMenu()以及switchToTutorial()方法中的最后,点击运行,看看Player是否挥动翅膀了。那么什么时候去真正更新Player的状态呢?Shake动画先前说到Player撞击障碍物后要有一个摇晃的动画以及闪烁的小锅,那样显得更有真实感不是吗,这

  10. The Swift Programming Language学习笔记十六——析构过程

    析构过程析构过程原理析构器实践析构过程析构器只适用于类类型,当一个类的实例被释放之前,析构器会被立即调用。析构器用关键字deinit来标示,类似于构造器要用init来标示。在类的定义中,每个类最多只能有一个析构器,而且析构器不带任何参数,也不能加上()。析构器是在实例释放发生前被自动调用。即使子类没有提供自己的析构器,父类的析构器也同样会被调用。析构器实践在上面的代码中,使用可选类型可以追踪玩家当前是否在游戏中。

随机推荐

  1. Swift UITextField,UITextView,UISegmentedControl,UISwitch

    下面我们通过一个demo来简单的实现下这些控件的功能.首先,我们拖将这几个控件拖到storyboard,并关联上相应的属性和动作.如图:关联上属性和动作后,看看实现的代码:

  2. swift UISlider,UIStepper

    我们用两个label来显示slider和stepper的值.再用张图片来显示改变stepper值的效果.首先,这三个控件需要全局变量声明如下然后,我们对所有的控件做个简单的布局:最后,当slider的值改变时,我们用一个label来显示值的变化,同样,用另一个label来显示stepper值的变化,并改变图片的大小:实现效果如下:

  3. preferredFontForTextStyle字体设置之更改

    即:

  4. Swift没有异常处理,遇到功能性错误怎么办?

    本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请发送邮件至dio@foxmail.com举报,一经查实,本站将立刻删除。

  5. 字典实战和UIKit初探

    ios中数组和字典的应用Applicationschedule类别子项类别名称优先级数据包contactsentertainment接触UIKit学习用Swift调用CocoaTouchimportUIKitletcolors=[]varbackView=UIView(frame:CGRectMake(0.0,0.0,320.0,CGFloat(colors.count*50)))backView

  6. swift语言IOS8开发战记21 Core Data2

    上一话中我们简单地介绍了一些coredata的基本知识,这一话我们通过编程来实现coredata的使用。还记得我们在coredata中定义的那个Model么,上面这段代码会加载这个Model。定义完方法之后,我们对coredata的准备都已经完成了。最后强调一点,coredata并不是数据库,它只是一个框架,协助我们进行数据库操作,它并不关心我们把数据存到哪里。

  7. swift语言IOS8开发战记22 Core Data3

    上一话我们定义了与coredata有关的变量和方法,做足了准备工作,这一话我们来试试能不能成功。首先打开上一话中生成的Info类,在其中引用头文件的地方添加一个@objc,不然后面会报错,我也不知道为什么。

  8. swift实战小程序1天气预报

    在有一定swift基础的情况下,让我们来做一些小程序练练手,今天来试试做一个简单地天气预报。然后在btnpressed方法中依旧增加loadWeather方法.在loadWeather方法中加上信息的显示语句:运行一下看看效果,如图:虽然显示出来了,但是我们的text是可编辑状态的,在storyboard中勾选Editable,再次运行:大功告成,而且现在每次单击按钮,就会重新请求天气情况,大家也来试试吧。

  9. 【iOS学习01】swift ? and !  的学习

    如果不初始化就会报错。

  10. swift语言IOS8开发战记23 Core Data4

    接着我们需要把我们的Rest类变成一个被coredata管理的类,点开Rest类,作如下修改:关键字@NSManaged的作用是与实体中对应的属性通信,BinaryData对应的类型是NSData,CoreData没有布尔属性,只能用0和1来区分。进行如下操作,输入类名:建立好之后因为我们之前写的代码有些地方并不适用于coredata,所以编译器会报错,现在来一一解决。

返回
顶部