ios Swift - 使用同步动画对分离的 Sprite 进行分组-6ren

ios Swift - 使用同步动画对分离的 Sprite 进行分组

转载作者：可可西里更新时间：2023-11-01 02:16:48

我正在尝试制作一个同步动画(一个大视频由分离的和较小的拼图拼图部分上的帧分解)。这个游戏是一个视频拼图。这是我通过示例分三部分使用的代码:

func Anim_Puzzle13 (Node13 : SKPuzzle) {

    let puzzle13 = SKAction.animateWithTextures(sheet_puzzle13.Puzzle13_(), timePerFrame: 0.066)
    NPuzzle13 = Node13
    NPuzzle13.runAction(SKAction.repeatActionForever(puzzle13))
    NPuzzle13.position = CGPoint(x: 500, y: 400)
    NPuzzle13.zPosition = 1

}

func Anim_Puzzle19 (Node19 : SKPuzzle) {


    let puzzle19 = SKAction.animateWithTextures(sheet_puzzle19.Puzzle19_(), timePerFrame: 0.066)
    NPuzzle19 = Node19
    NPuzzle19.runAction(SKAction.repeatActionForever(puzzle19))
    NPuzzle19.position = CGPoint(x: 600, y: 500)
    NPuzzle19.zPosition = 1

}

func Anim_Puzzle30 (Node30 : SKPuzzle) {


    let puzzle30 = SKAction.animateWithTextures(sheet_puzzle30.Puzzle30_(), timePerFrame: 0.066)
    NPuzzle30 = Node30
    NPuzzle30.runAction(SKAction.repeatActionForever(puzzle30))
    NPuzzle30.position = CGPoint(x: 700, y: 600)
    NPuzzle30.zPosition = 1

}

效果很好，但动画之间不同步，视频不完整。我搜索了很长时间来寻找使动画同步的解决方案；我看到两种可能性:第一种是创建一个独特的 SKNode() ，其中包含所有拼图部分，但我希望能够独立移动每个拼图部分，但没有成功获得同步动画这种方法。

另一种方法似乎是创建一个包含所有动画的组，但这不起作用，并且会导致应用程序停止。

这是我使用的所有代码:

import SpriteKit
import UIKit
import AVFoundation
import AVKit
import CoreFoundation

private let kpuzzleNodeName = "puzzle"
private let kdancing = "dancing"


class SKPuzzle: SKSpriteNode {
var name2:String = "";
}

class GameScene: SKScene {



var background = SKVideoNode(videoFileNamed: "Video_Socle.mov")
var selectedNode = SKPuzzle()
var player:AVPlayer?
var videoNode:SKVideoNode?

var NPuzzle13 = SKPuzzle()
var NPuzzle19 = SKPuzzle()
var NPuzzle30 = SKPuzzle()
var NPuzzle11 = SKPuzzle()
var NPuzzle29 = SKPuzzle()
var NPuzzle35 = SKPuzzle()
var puzzle13 = SKAction()
var puzzle19 = SKAction()
var puzzle30 = SKAction()
var puzzle11 = SKAction()
var puzzle29 = SKAction()
var puzzle35 = SKAction()

let sheet_puzzle13 = Puzzle13()
let sheet_puzzle19 = Puzzle19()
let sheet_puzzle30 = Puzzle30()
let sheet_puzzle11 = Puzzle11()
let sheet_puzzle29 = Puzzle29()
let sheet_puzzle35 = Puzzle35()



override init(size: CGSize) {
    super.init(size: size)



    // 1
    self.background.name = kdancing
    self.background.anchorPoint = CGPointZero
    background.zPosition = 0
    self.addChild(background)


    // 2
    let sheet = Statiques()

    let sprite_dancing1 = SKSpriteNode(texture: sheet.Dancing1())
    let sprite_dancing2 = SKSpriteNode(texture: sheet.Dancing2())
    sprite_dancing1.name = kdancing
    sprite_dancing2.name = kdancing


    sprite_dancing1.position = CGPoint(x: 837, y: 752)
    sprite_dancing1.zPosition = 2
    sprite_dancing2.position = CGPoint(x: 1241, y: 752)
    sprite_dancing2.zPosition = 2

    background.addChild(sprite_dancing1)

    background.addChild(sprite_dancing2)



    let imageNames = [sheet.Puzzle13() , sheet.Puzzle19(), sheet.Puzzle30(), sheet.Puzzle11(), sheet.Puzzle29(), sheet.Puzzle35() ]

    for i in 0..<imageNames.count {
        let imageName = imageNames[i]

        let sprite = SKPuzzle(texture: imageName)

        sprite.name = kpuzzleNodeName
        sprite.name2 = "\(i)"

        let offsetFraction = (CGFloat(i) + 1.0)/(CGFloat(imageNames.count) + 1.0)

        sprite.position = CGPoint(x: size.width * offsetFraction, y: size.height / 2)
        sprite.zPosition = 3

        background.addChild(sprite)

    }



}

required init?(coder aDecoder: NSCoder) {
    fatalError("init(coder:) has not been implemented")
}

override func touchesBegan(touches: Set<UITouch>, withEvent event: UIEvent?) {
    for touch: AnyObject in touches {
        let positionInScene = touch.locationInNode(self)
        selectNodeForTouch(positionInScene)
    }
}

override func didMoveToView(view: SKView) {

    let urlStr = NSBundle.mainBundle().pathForResource("Video_Socle", ofType: "mov")
    let url = NSURL(fileURLWithPath: urlStr!)

    player = AVPlayer(URL: url)
    NSNotificationCenter.defaultCenter().addObserverForName(AVPlayerItemDidPlayToEndTimeNotification, object: player!.currentItem, queue: nil)
    { notification in
        let t1 = CMTimeMake(5, 100);
        self.player!.seekToTime(t1)
        self.player!.play()
    }


    videoNode = SKVideoNode(AVPlayer: player!)
    videoNode!.position = CGPointMake(frame.size.width/2, frame.size.height/2)
    videoNode!.size = CGSize(width: 2048, height: 1536)
    videoNode!.zPosition = 0


    background.addChild(videoNode!)
    videoNode!.play()


    let gestureRecognizer = UIPanGestureRecognizer(target: self, action: #selector(GameScene.handlePanFrom(_:)))
    self.view!.addGestureRecognizer(gestureRecognizer)
}


func handlePanFrom(recognizer : UIPanGestureRecognizer) {
    if recognizer.state == .Began {
        var touchLocation = recognizer.locationInView(recognizer.view)
        touchLocation = self.convertPointFromView(touchLocation)

        self.selectNodeForTouch(touchLocation)
    } else if recognizer.state == .Changed {
        var translation = recognizer.translationInView(recognizer.view!)
        translation = CGPoint(x: translation.x, y: -translation.y)

        self.panForTranslation(translation)

        recognizer.setTranslation(CGPointZero, inView: recognizer.view)
    } else if recognizer.state == .Ended {

    }
}

func degToRad(degree: Double) -> CGFloat {
    return CGFloat(degree / 180.0 * M_PI)
}

func selectNodeForTouch(touchLocation : CGPoint) {
    // 1
    let touchedNode = self.nodeAtPoint(touchLocation)

    if touchedNode is SKPuzzle {
        // 2
        if !selectedNode.isEqual(touchedNode) {
            selectedNode.runAction(SKAction.rotateToAngle(0.0, duration: 0.1))

            selectedNode = touchedNode as! SKPuzzle

            // 3
            if touchedNode.name! == kpuzzleNodeName {
                let sequence = SKAction.sequence([SKAction.rotateByAngle(degToRad(-4.0), duration: 0.1),
                    SKAction.rotateByAngle(0.0, duration: 0.1),
                    SKAction.rotateByAngle(degToRad(4.0), duration: 0.1)])
                selectedNode.runAction(SKAction.repeatActionForever(sequence))
            }
        }
    }
}



func panForTranslation(translation : CGPoint) {
    let position = selectedNode.position

    if selectedNode.name! == kpuzzleNodeName {
        selectedNode.position = CGPoint(x: position.x + translation.x * 2, y: position.y + translation.y * 2)

        print (selectedNode.name)
        print (selectedNode.name2)
        if selectedNode.name2 == "0" {

            Anim_Puzzle13(selectedNode)
        }

        print (selectedNode.name2)
        if selectedNode.name2 == "1" {
            Anim_Puzzle19(selectedNode)
        }

        print (selectedNode.name2)
        if selectedNode.name2 == "2" {
            Anim_Puzzle30(selectedNode)
        }

        print (selectedNode.name2)
        if selectedNode.name2 == "3" {
            Anim_Puzzle11(selectedNode)
        }

        print (selectedNode.name2)
        if selectedNode.name2 == "4" {
            Anim_Puzzle29(selectedNode)
        }

        print (selectedNode.name2)
        if selectedNode.name2 == "5" {
            Anim_Puzzle35(selectedNode)
        }

    }

}


func Anim_Puzzle13 (Node13 : SKPuzzle) {

    let puzzle13 = SKAction.animateWithTextures(sheet_puzzle13.Puzzle13_(), timePerFrame: 0.066)
    NPuzzle13 = Node13
    NPuzzle13.runAction(SKAction.repeatActionForever(puzzle13))
    NPuzzle13.position = CGPoint(x: 500, y: 400)
    NPuzzle13.zPosition = 1

}

func Anim_Puzzle19 (Node19 : SKPuzzle) {


    let puzzle19 = SKAction.animateWithTextures(sheet_puzzle19.Puzzle19_(), timePerFrame: 0.066)
    NPuzzle19 = Node19
    NPuzzle19.runAction(SKAction.repeatActionForever(puzzle19))
    NPuzzle19.position = CGPoint(x: 600, y: 500)
    NPuzzle19.zPosition = 1

}

func Anim_Puzzle30 (Node30 : SKPuzzle) {


    let puzzle30 = SKAction.animateWithTextures(sheet_puzzle30.Puzzle30_(), timePerFrame: 0.066)
    NPuzzle30 = Node30
    NPuzzle30.runAction(SKAction.repeatActionForever(puzzle30))
    NPuzzle30.position = CGPoint(x: 700, y: 600)
    NPuzzle30.zPosition = 1

}

func Anim_Puzzle11 (Node11 : SKPuzzle) {


    let puzzle11 = SKAction.animateWithTextures(sheet_puzzle11.Puzzle11_(), timePerFrame: 0.066)
    NPuzzle11 = Node11
    NPuzzle11.runAction(SKAction.repeatActionForever(puzzle11))
    NPuzzle11.position = CGPoint(x: 800, y: 700)
    NPuzzle11.zPosition = 1

}

func Anim_Puzzle29 (Node29 : SKPuzzle) {


    let puzzle29 = SKAction.animateWithTextures(sheet_puzzle29.Puzzle29_(), timePerFrame: 0.066)
    NPuzzle29 = Node29
    NPuzzle29.runAction(SKAction.repeatActionForever(puzzle29))
    NPuzzle29.position = CGPoint(x: 900, y: 800)
    NPuzzle29.zPosition = 1

}

func Anim_Puzzle35 (Node35 : SKPuzzle) {


    let puzzle35 = SKAction.animateWithTextures(sheet_puzzle35.Puzzle35_(), timePerFrame: 0.066)
    NPuzzle35 = Node35
    NPuzzle35.runAction(SKAction.repeatActionForever(puzzle35))
    NPuzzle35.position = CGPoint(x: 1000, y: 900)
    NPuzzle35.zPosition = 1

}

我不确定是否可以像这样同步动画:在几个单独的部分使用 SKAction()，因为必须能够单独选择它们。

更新:我尝试按照 Action 组的方式进行操作，但我在每个 Sprite 上播放相同的动画，而不是为每个 Sprite 同步不同的动画(同步了 6 个不同的动画:6 个不同的 Sprite ):

    let sheet13 = Puzzle13()
    let sheet19 = Puzzle19()
    let sheet30 = Puzzle30()
    let sheet11 = Puzzle11()
    let sheet29 = Puzzle29()
    let sheet35 = Puzzle35()

    let imageAnims = [sheet13.Puzzle13_0000() , sheet19.Puzzle19_0000(), sheet30.Puzzle30_0000(), sheet11.Puzzle11_0000(), sheet29.Puzzle29_0000(), sheet35.Puzzle35_0000() ]

    let puzzle13 = SKAction.animateWithTextures(sheet13.Puzzle13_(), timePerFrame: 0.066)
    let puzzle19 = SKAction.animateWithTextures(sheet19.Puzzle19_(), timePerFrame: 0.066)
    let puzzle30 = SKAction.animateWithTextures(sheet30.Puzzle30_(), timePerFrame: 0.066)
    let puzzle11 = SKAction.animateWithTextures(sheet11.Puzzle11_(), timePerFrame: 0.066)
    let puzzle29 = SKAction.animateWithTextures(sheet29.Puzzle29_(), timePerFrame: 0.066)
    let puzzle35 = SKAction.animateWithTextures(sheet35.Puzzle35_(), timePerFrame: 0.066)

    let group = SKAction.group([puzzle13,puzzle19,puzzle30,puzzle11,puzzle29,puzzle35])

    for i in 0..<imageAnims.count {
        let imageAnim = imageAnims[i]

        let spriteAnim = SKPuzzle(texture: imageAnim)

        spriteAnim.name = kanimNodeName
        spriteAnim.name2 = "\(i)"

        let offsetFraction = (CGFloat(i) + 1.0)/(CGFloat(imageAnims.count) + 1.0)

        spriteAnim.position = CGPoint(x: ((size.width)*2) * offsetFraction, y: size.height * 1.5)
        spriteAnim.zPosition = 3

        spriteAnim.runAction(SKAction.repeatActionForever(group))


        background.addChild(spriteAnim)

    }

最佳答案

首先，我想列出两种不同的方法来创建您的 SKAction:

从使用 SKAction.group 的并行操作开始:

let sprite = SKSpriteNode(imageNamed:"Spaceship")
let scale = SKAction.scaleTo(0.1, duration: 0.5)
let fade = SKAction.fadeOutWithDuration(0.5)
let group = SKAction.group([scale, fade])
sprite.runAction(group)

另一个有用的方法是 completion ，所以你可以知道 SKAction 何时完成:

extension SKNode
{
    func runAction( action: SKAction!, withKey: String!, optionalCompletion: dispatch_block_t? )
    {
        if let completion = optionalCompletion
        {
            let completionAction = SKAction.runBlock( completion )
            let compositeAction = SKAction.sequence([ action, completionAction ])
            runAction( compositeAction, withKey: withKey )
        }
        else
        {
            runAction( action, withKey: withKey )
        }
    }
}

用法:

node.runAction(move,withKey:"swipeMove",optionalCompletion: {
   // here the action is finished, do whatever you want
})

之后，关于你的项目，我看到了很多node.runAction..，你也可以采用这种策略来同步你的 Action :

var myAction30 :SKAction!
var myAction31 :SKAction!

self.myAction30 = SKAction.repeatActionForever(puzzle30)
self.myAction31 = SKAction.repeatActionForever(puzzle31)
let group = SKAction.group([self.myAction30, self.myAction31])
self.runAction(group)

更新:我看过您的更新部分，当您谈到“同步”时，您可能不是指“并行运行”操作。

所以，如果你想一个接一个地运行一个 Action ，还有:

self.myAction30 = SKAction.repeatActionForever(puzzle30)
self.myAction31 = SKAction.repeatActionForever(puzzle31)
let sequence = SKAction.sequence([self.myAction30, self.myAction31])
self.runAction(sequence)

关于ios Swift - 使用同步动画对分离的 Sprite 进行分组，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37541940/

文章推荐： ios - 为什么我的图像没有缓存在 AlamofireImage 中？

文章推荐： swift - 仅在我的结构中扩展 Double

css-sprites - 背景图像 : to sprite or not to sprite?
任何人都可以评论是否对图像使用 Sprite 的决定？我看到以下好处/权衡(其中一些可以减轻): 单个图像上的 Sprite 优点: 需要管理的图像更少更容易实现主题图像图像交换 (JS/CSS)
sprite - 在移相器中使用几乎相同的 Sprite 的良好做法。使用更多 Sprite 的替代方法
所以，我一直在 Unity 工作，但我决定是时候换成我更了解的东西了:JavaScript。我一直在考虑切换到 Phaser.js，但我有一些关于我什至在 Unity 中遇到的问题的问题，而且我在互联
ios - 我如何将 "pin" Sprite 转换为 Sprite Kit 中的其他 Sprite ？
所以我有一个木偶要在 Sprite Kit 中显示。木偶是由一堆不同的 body 部位组成的，当然每个部位都是一个.png。所以我的过程是:我有一个 Marionette 对象(SKNode 子类)
swift - 2 个 Sprite 之间的碰撞，其中一个 Sprite 从另一个 Sprite 身上弹开
我有一个 Sprite ，我将其初始化为 SKSPriteNode，它不断地从另一个 Sprite 上弹起，也以相同的方式初始化。我无法弄清楚两者之间的冲突，并且到目前为止堆栈上没有任何帮助。我将
android - Cocos2d-Android - Sprite.getcontentsize , Sprite.getscale , Sprite.gettexture 有什么区别
标题说明了一切。我想知道 Sprite.getcontentsize、Sprite.gettexture、Sprite.getscale 之间有什么区别。以及它们是如何使用的。在这个问题之后我找不到任
sprite-kit - Sprite 套件的方向键
我有兴趣尝试创建一些游戏，即在新的 sprite 工具包中。但是，对于我心目中的游戏，我宁愿使用方向键而不是操纵杆。因为我将从 Cocos 搬过来，所以我的旧程序不再有效(所以那个 dpad 也不会)
sprite - libgdx Sprite 淡出
我正在 LibGdx 中开发 2D 射击游戏。我不得不提一下，我是 LibGdx 的新手，我正在努力理解它是如何工作的。我有几年的Java和Android编程经验，所以我了解游戏概念。我感兴趣的是
sprite - 在不同的样式表中使用相同的 Compass Sprite
我正在使用 Compass 生成 CSS Sprite 。我找到了一种方法来定义一次 Sprite 并在不同的 .scss 文件中使用它，但我不确定这是正确的解决方案。到目前为止，我能找到的最好方
sprite-kit - Sprite Kit中无尽的声音
我在游戏中遇到背景音乐问题。当我从主菜单场景切换到游戏场景时，它停止，但是当游戏场景切换到gameOver场景时，它不停止。当我选择重播时，音乐也会重叠(从gameOver场景切换回游戏场景)。要播
LibGDX Sprite 批处理并在运行时添加新 Sprite
我是一名使用 libgdx 引擎的新程序员，想知道 Sprite 批处理的行为。特别是如何在程序生命周期中将 Sprite 添加到批处理中以进行绘制。到目前为止， Sprite 的所有示例都使用了一些
CSS Sprite 重复整个 Sprite
这可能是个愚蠢的问题，但如果有人能帮助我，我将不胜感激。我有一个由 3 个垂直堆叠的不同图像组成的 Sprite ，但我试图让中间的图像(高度为 1px 和宽度为 194)重复，只是那条 1px 的
CSS Sprite 没有正确加载 Sprite
我正在尝试为我正在构建的菜单加载 spritesheet，但它不是一次显示一个图像，而是在元素的不同位置显示整个 spritesheet。这是我使用两张图片的 CSS 代码: #mymenu ul.
python - Sprite 碰撞和杀死 Sprite
我有两个 Sprite 组，ship_list 有 20 个飞船 Sprite ，all_sprites 有这 20 个 Sprite ，加上玩家 Sprite 。在主循环中，当检测到玩家与 ship
ios - Sprite 套件移动 Sprite
我制作了这个我可以抓取并四处移动的 Sprite 。我的问题是我希望能够“抛出” Sprite 。意思是，当我释放 Sprite 时，我希望它继续沿着我移动它的方向前进。就像扔球一样。我该怎么办？
html - 社交图标 : To sprite or not to sprite?
我目前正在开发 HTML/CSS 模板，我将实现以下社交媒体图标: http://www.premiumpixels.com/freebies/41-social-media-icons-png/ 它
java - 当与 Sprite 发生碰撞时，如何从 Sprite 数组列表中删除 Sprite 并将其从屏幕上移除？ Java/Libgdx
在我的游戏中，我希望能够收集硬币。我有一个该硬币 Sprite 的数组列表，这样我就可以单独绘制多个硬币。这些硬币也随着背景移动(模拟汽车驾驶)，我想要它，所以当硬币撞到汽车时，它会消失并被收集。感谢
objective-c - Cocos2D 帮助 : How to rotate a sprite continuously and generate child sprites in the rotating sprite
我是 cocos2D 的新手，谁能提出一个简单的解决方案？我有一个风车，风车上有 8 个条，每个条以 45 度隔开，其中风车的一半在屏幕上，一半在屏幕外。我想旋转风车，让它永远旋转。我还想在风车杆的
android - AndEngine - 当我设置 Sprite 时， Sprite 的 (0, 0) 是 Sprite 的中心。我怎样才能像往常一样把它放在左下角？
我使用的是主播中心分支，刚刚发现我的游戏出现的问题大部分都是这个原因。有没有一种方法可以使用 Sprite 的左下角而不是使用 (0, 0) 作为其中心来设置 Sprite ？谢谢! 最佳答案发现
sass - compass Sprite : applying individual styles to every sprite class without writing out each sprite name manually
我是 magic-importing我的 Sprite : // Creating a concatenated sprite image out of all sprites in the "/im
python - Sprite 是如何工作的。 Sprite 碰撞？
这个问题在这里已经有了答案: How do I detect collision in pygame? (5 个答案) 关闭去年。想要创建一个包含 10 张图像的组。稍后屏幕上的图像不应重叠。我尝

可可西里

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

ios Swift - 使用同步动画对分离的 Sprite 进行分组