Lecture04. 仙人掌的狙击

最后更新于:2022-04-01 23:36:43

> 原文:http://www.jianshu.com/p/91de69a4fb2d > 作者:[PMST](http://www.jianshu.com/users/596f2ba91ce9/latest_articles) **本节任务:** * 随机生成障碍物,且一对障碍物上下相距距离固定,但位置随机。 **几种情况:** `y position = 0`的情况: ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2015-11-19_564d258cc683f.png) `y position = playableStart`的情况: ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2015-11-19_564d258cdee09.png) `y position = playableStart - 障碍物.size.height/2`的情况: ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2015-11-19_564d258d077fb.png) 推导一般情况下的公式:`y position = playableStart - 障碍物.size.height/2 + (10%~60%)playgroundHeight`: ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2015-11-19_564d258d25707.png) 上下两个障碍物之间距离固定为3.5倍的*Player*尺寸的高度: ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2015-11-19_564d258d51460.png) 注意推导公式:`y position = playableStart - 障碍物.size.height/2`此时障碍物的顶部刚好与地面齐平,而`(10%~60%)playgroundHeight`是一个浮动范围,表明障碍物超出地面的高度。显然我们的障碍物的层级关系是在背景上面但是在*Foreground*的下面,因此修改早前的*Layer*: ~~~ enum Layer: CGFloat { case Background case Obstacle //添加障碍物层级关系 case Foreground case Player } ~~~ ## 01.产生障碍物的构造方法 我们需要增添一个方法用于实例化一个纹理(图片)为仙人掌的精灵(*SpriteNode*),设置其*zPosition*为*Obstacle*,请在`flapPlayer()`方法上方新增如下方法: ~~~ func createObstacle()->SKSpriteNode{ let sprite = SKSpriteNode(imageNamed: "Cactus") sprite.zPosition = Layer.Obstacle.rawValue return sprite } ~~~ 注意到实例方法生成一个纹理为*Cactus*的精灵并返回,这是之后源源不断生成障碍物的基础。 紧接着我们要有一个实例方法,作用是随机产生成对的障碍物到场景中,步骤如下: 1. 使用`createObstacle()`得到下方障碍物的实例,并将其放置紧贴右侧屏幕边线。 2. 障碍物y轴上的放置位置范围为10%~60%,分别计算最小与最大的y轴点位,通过随机函数得到两者之间的一个数作为y值,设置障碍物的*position*,最后添加到*worldNode*节点中。 3. 同理实例化上方障碍物,将其旋转180°后放置距离下方障碍物3.5倍*Player*尺寸的地方,添加到*worldNode*节点中。 4. 给上下障碍物增添一个移动Action,已一定速度自右向左移动,倘若超出屏幕,则从父节点中移除。 ~~~ //新增三个常量 let kBottomObstacleMinFraction: CGFloat = 0.1 let kBottomObstacleMaxFraction: CGFloat = 0.6 let kGapMultiplier: CGFloat = 3.5 // 在createObstacle()实例方法下方增添新方法 func spawnObstacle(){ //1 let bottomObstacle = createObstacle() //实例化一个精灵 let startX = size.width + bottomObstacle.size.width/2//x轴位置为屏幕最右侧 //2 let bottomObstacleMin = (playableStart - bottomObstacle.size.height/2) + playableHeight * kBottomObstacleMinFraction //计算障碍物超出地表的最小距离 let bottomObstacleMax = (playableStart - bottomObstacle.size.height/2) + playableHeight * kBottomObstacleMaxFraction //计算障碍物超出地表的最大距离 bottomObstacle.position = CGPointMake(startX, CGFloat.random(min: bottomObstacleMin, max: bottomObstacleMax)) // 随机生成10%~60%的一个距离赋值给position worldNode.addChild(bottomObstacle) //添加到世界节点中 //3 let topObstacle = createObstacle() //实例化一个精灵 topObstacle.zRotation = CGFloat(180).degreesToRadians()//翻转180° topObstacle.position = CGPoint(x: startX, y: bottomObstacle.position.y + bottomObstacle.size.height/2 + topObstacle.size.height/2 + player.size.height * kGapMultiplier)//设置y位置 相距3.5倍的Player尺寸距离 worldNode.addChild(topObstacle)//添加至世界节点中 //4 给障碍物添加动作 let moveX = size.width + topObstacle.size.width let moveDuration = moveX / kGroundSpeed let sequence = SKAction.sequence([ SKAction.moveByX(-moveX, y: 0, duration: NSTimeInterval(moveDuration)), SKAction.removeFromParent() ]) topObstacle.runAction(sequence) bottomObstacle.runAction(sequence) } ~~~ 倘若你迫不及待想看看成果,将`spawnObstacle`方法添加至`didMoveToView()`最下方,点击运行。一对障碍物“呼啸而过”,然后就没有然后了...确实目前这个方法仅仅只是产生一对罢了,为此我们还需要新增一个方法用于源源不断的产生障碍物。请添加如下内容到`spawnObstacle()`方法下方 ~~~ func startSpawning(){ //1 let firstDelay = SKAction.waitForDuration(1.75) //2 let spawn = SKAction.runBlock(spawnObstacle) //3 let everyDelay = SKAction.waitForDuration(1.5) //4 let spawnSequence = SKAction.sequence([ spawn,everyDelay ]) //5 let foreverSpawn = SKAction.repeatActionForever(spawnSequence) //6 let overallSequence = SKAction.sequence([firstDelay,foreverSpawn]) runAction(overallSequence) } ~~~ 1. 第一个障碍物生成延迟1.75秒 2. 生成障碍物的动作,用到了先前的实例方法`spawnObstacle`. 3. 之后生成障碍物的间隔时间为1.5秒 4. 之后障碍物的生成顺序是:产生障碍物,延迟1.5秒;产生障碍物,延迟1.5秒;产生障碍物,延迟1.5秒...可以看出**[产生障碍物,延迟1.5秒]**为一组重复动作。 5. 使用`SKAction.repeatActionForever`重复4中的动作。 6. 将延迟1.75秒和重复动作整合成一个SKAction的数组,然后让场景来执行该动作组。 请将`didMoveToView()`方法中的`spawnObstacle`替换成`startSpawning()`,点击运行。
';