首页 > 代码库 > SpriteKit小球被旋涡吞噬动画的进一步改进

SpriteKit小球被旋涡吞噬动画的进一步改进

App首先找到map文件,然后将场景地图载入游戏。map是一个人可读的ASCII字符文件,每个单元是一个“瓦块”,在cocos2d中对瓦块地图有非常好的的支持,不过在SpriteKit中,至少目前为止瓦块地图功能还不是那么太丰富。

不管怎样把,地图中游戏元素分为star,旋涡和终点几种。当player碰到终点则游戏过关;如果碰到star则player得分;若是player不幸碰到了旋涡,对不起GAME OVER!

这时哪能没有酷炫的动画呢?我们制作一个player被吸入旋涡,并且不断旋转被侵蚀的动画吧。

游戏原来的动画代码如下:

func playerCollidedWith(node:SKNode){
       if node.name == "vortex"{
           player.physicsBody!.isDynamic = false
           player.physicsBody!.allowsRotation = true
           gameOver = true
           score -= 1

           let move = SKAction.move(to: node.position, duration: 0.25)
           let scale = SKAction.scale(to: 0.0001, duration: 0.25)
           let remove = SKAction.removeFromParent()
           let seq = SKAction.sequence([move,scale,remove])

           player.run(seq) {[unowned self] in
               self.createPlayer()
               self.gameOver = false
           }
       }else if node.name == "star"{
           node.removeFromParent()
           score += 1
       }else if node.name == "finish"{
           //???
       }
   }

但这样有一个问题:当玩家挂掉游戏重新开始后,player还是受上一次的重力影响,这可不太妙啊。我们来重构一下!首先将didMove中初始化重力的代码放到一个新方法中:

func initGame(){
        physicsWorld.gravity = CGVector(dx: 0, dy: 0)
}

然后在player.run的结束闭包中调用:

player.run(seq) {[unowned self] in
    initGame()
    self.createPlayer()
    self.gameOver = false
}

OK!下面把主要注意了集中到小球旋转进入旋涡的动画上来,注意一开始我“一不小心”写了一个错误的代码:


let rotate = SKAction.rotate(byAngle: CGFloat(Double.pi), duration: 0.25)
let forever = SKAction.repeatForever(rotate)

let grp = SKAction.group([scale,forever])
let remove = SKAction.removeFromParent()
let seq = SKAction.sequence([move,grp,remove])

player.run(seq) {[unowned self] in
    //do org stuff...
}

各位有没有看出错误在哪里?

对了!就是我在grp一个包装中用了永远重复动作,如果这样的话你后面的run闭包永远不会被执行,因为你的动画永远不会停止啊!

所以下面是稍加修改后的代码:

let move = SKAction.move(to: node.position, duration: 0.25)
let scale = SKAction.scale(to: 0.0001, duration: 1.0)
let rotate = SKAction.rotate(byAngle: CGFloat(Double.pi), duration: 0.25)
let actRepeat = SKAction.repeat(rotate, count: 4)
let grp = SKAction.group([scale,actRepeat])
let remove = SKAction.removeFromParent()
let seq = SKAction.sequence([move,grp,remove])

player.run(seq) {[unowned self] in
   //do org staff...
}

注意我将缩放动作时间延长到1秒,而旋转动画时间是0.25秒,这样重复四次正好1秒,从而组成一个动画组!

运行App效果如下:

技术分享

比原来的动画生动了不少,各位觉得呢? ;)

<script type="text/javascript"> $(function () { $(‘pre.prettyprint code‘).each(function () { var lines = $(this).text().split(‘\n‘).length; var $numbering = $(‘
    ‘).addClass(‘pre-numbering‘).hide(); $(this).addClass(‘has-numbering‘).parent().append($numbering); for (i = 1; i <= lines; i++) { $numbering.append($(‘
  • ‘).text(i)); }; $numbering.fadeIn(1700); }); }); </script>

    SpriteKit小球被旋涡吞噬动画的进一步改进