如何实现Periscope的心脏动画？

Question

我想实现一些类似的东西，就像潜望镜对他们的直播应用所做的那样。具体地说，就是当用户触摸屏幕时发出的无数颗漂浮的心。这可以通过SpriteKit或Cocos2D轻松实现吗？有没有人能给我一些启发，或者至少是一个好的开始。

谢谢

​

​

Answer 1

这可以通过SKEmitterNode来实现

import SpriteKit

let heartsFile = "heart-bubbles.sks"//particle file

class HeartBubblesScene : SKScene {
 var emitter: SKEmitterNode?
 func beginBubbling() {

  emitter = SKEmitterNode(fileNamed: heartsFile)

    let x = floor(size.width / 2.0)
    let y = heartHeight

    emitter!.position = CGPointMake(x, y)

    emitter!.name = "heart-bubbles"
    emitter!.targetNode = self

    emitter?.numParticlesToEmit = 1

    addChild(emitter!)

    emitter?.resetSimulation()
 }
}

class ViewController: UIViewController {
@IBOutlet weak var heartBubblesView: SKView!//Create a custom view inside view controller and set the class to SKView

let heartBubblesScene = HeartBubblesScene()

 override func viewDidLoad() {
    super.viewDidLoad()

    heartBubblesView.presentScene(heartBubblesScene)
 }

 override func touchesBegan(touches: Set<UITouch>, withEvent event: UIEvent?) {

    heartBubblesScene.beginBubbling()

 }

}

下面是一个HeartAnimation示例