Animation to Remove Sprite

Multi tool use
Multi tool use












0















I am currently making a Sprite and I want it to animate before it disappears.



For example: I want it to animate it in the sense that it disappears from the top of the block until the bottom. To put it another way, I want to the size to decrease slowly until there is nothing left. But I want to give it the appearance that it is disappearing rather than scaling to nothing.



let hand = SKSpriteNode(imageNamed: "hand")
hand.size = CGSize(width: size.width/10, height: size.height/30)
hand.position = CGPoint(x: CGFloat(posX-2)*size.width/10+offsetX, y:CGFloat(posY)*size.height/30+offsetY)
addChild(hand)


tl;dr is it possible to make this sort of effect using SpriteKit in Swift.
Ideal Animation: https://ibb.co/sPsffmK










share|improve this question




















  • 2





    As an eraser effect, move an background node over the current node from top to bottom.

    – E.Coms
    Dec 29 '18 at 22:57











  • But what happens if the background is not one solid color. Would it be best practice to “crop” the image (is this even built-in to swift)?

    – Matt Bart
    Jan 2 at 21:59
















0















I am currently making a Sprite and I want it to animate before it disappears.



For example: I want it to animate it in the sense that it disappears from the top of the block until the bottom. To put it another way, I want to the size to decrease slowly until there is nothing left. But I want to give it the appearance that it is disappearing rather than scaling to nothing.



let hand = SKSpriteNode(imageNamed: "hand")
hand.size = CGSize(width: size.width/10, height: size.height/30)
hand.position = CGPoint(x: CGFloat(posX-2)*size.width/10+offsetX, y:CGFloat(posY)*size.height/30+offsetY)
addChild(hand)


tl;dr is it possible to make this sort of effect using SpriteKit in Swift.
Ideal Animation: https://ibb.co/sPsffmK










share|improve this question




















  • 2





    As an eraser effect, move an background node over the current node from top to bottom.

    – E.Coms
    Dec 29 '18 at 22:57











  • But what happens if the background is not one solid color. Would it be best practice to “crop” the image (is this even built-in to swift)?

    – Matt Bart
    Jan 2 at 21:59














0












0








0








I am currently making a Sprite and I want it to animate before it disappears.



For example: I want it to animate it in the sense that it disappears from the top of the block until the bottom. To put it another way, I want to the size to decrease slowly until there is nothing left. But I want to give it the appearance that it is disappearing rather than scaling to nothing.



let hand = SKSpriteNode(imageNamed: "hand")
hand.size = CGSize(width: size.width/10, height: size.height/30)
hand.position = CGPoint(x: CGFloat(posX-2)*size.width/10+offsetX, y:CGFloat(posY)*size.height/30+offsetY)
addChild(hand)


tl;dr is it possible to make this sort of effect using SpriteKit in Swift.
Ideal Animation: https://ibb.co/sPsffmK










share|improve this question
















I am currently making a Sprite and I want it to animate before it disappears.



For example: I want it to animate it in the sense that it disappears from the top of the block until the bottom. To put it another way, I want to the size to decrease slowly until there is nothing left. But I want to give it the appearance that it is disappearing rather than scaling to nothing.



let hand = SKSpriteNode(imageNamed: "hand")
hand.size = CGSize(width: size.width/10, height: size.height/30)
hand.position = CGPoint(x: CGFloat(posX-2)*size.width/10+offsetX, y:CGFloat(posY)*size.height/30+offsetY)
addChild(hand)


tl;dr is it possible to make this sort of effect using SpriteKit in Swift.
Ideal Animation: https://ibb.co/sPsffmK







ios swift sprite-kit skspritenode






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Dec 30 '18 at 8:16









ktr kathir

914624




914624










asked Dec 29 '18 at 22:15









Matt BartMatt Bart

11412




11412








  • 2





    As an eraser effect, move an background node over the current node from top to bottom.

    – E.Coms
    Dec 29 '18 at 22:57











  • But what happens if the background is not one solid color. Would it be best practice to “crop” the image (is this even built-in to swift)?

    – Matt Bart
    Jan 2 at 21:59














  • 2





    As an eraser effect, move an background node over the current node from top to bottom.

    – E.Coms
    Dec 29 '18 at 22:57











  • But what happens if the background is not one solid color. Would it be best practice to “crop” the image (is this even built-in to swift)?

    – Matt Bart
    Jan 2 at 21:59








2




2





As an eraser effect, move an background node over the current node from top to bottom.

– E.Coms
Dec 29 '18 at 22:57





As an eraser effect, move an background node over the current node from top to bottom.

– E.Coms
Dec 29 '18 at 22:57













But what happens if the background is not one solid color. Would it be best practice to “crop” the image (is this even built-in to swift)?

– Matt Bart
Jan 2 at 21:59





But what happens if the background is not one solid color. Would it be best practice to “crop” the image (is this even built-in to swift)?

– Matt Bart
Jan 2 at 21:59












1 Answer
1






active

oldest

votes


















0














SKAction is an animation that is executed by a node in the scene. Actions are used to change a node in some way (like move its position over time), but you can also use actions to change the scene, like doing a fadeout.



In your case, you can apply multiple animations:



let move_action = SKAction.moveBy(x: -100, y: 0, duration: 1.0)
let scale_action = SKAction.scale(to: 0.0, duration: 1.0)
let fade_action = SKAction.fadeAlpha(to: 0.0, duration: 1.0)

hand.run(move_action)
hand.run(scale_action)
//hand.run(fade_action)


In the previous example, the hand runs the move and scale animation at the same time. But you can also make the hand to move to the position, and after it reaches, to scale it.



let sequence = SKAction.sequence([move_animation,scale_animation])
hand.run(sequence)


There are lots of animations that SKAction has, here you can find the complete list.






share|improve this answer























    Your Answer






    StackExchange.ifUsing("editor", function () {
    StackExchange.using("externalEditor", function () {
    StackExchange.using("snippets", function () {
    StackExchange.snippets.init();
    });
    });
    }, "code-snippets");

    StackExchange.ready(function() {
    var channelOptions = {
    tags: "".split(" "),
    id: "1"
    };
    initTagRenderer("".split(" "), "".split(" "), channelOptions);

    StackExchange.using("externalEditor", function() {
    // Have to fire editor after snippets, if snippets enabled
    if (StackExchange.settings.snippets.snippetsEnabled) {
    StackExchange.using("snippets", function() {
    createEditor();
    });
    }
    else {
    createEditor();
    }
    });

    function createEditor() {
    StackExchange.prepareEditor({
    heartbeatType: 'answer',
    autoActivateHeartbeat: false,
    convertImagesToLinks: true,
    noModals: true,
    showLowRepImageUploadWarning: true,
    reputationToPostImages: 10,
    bindNavPrevention: true,
    postfix: "",
    imageUploader: {
    brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
    contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
    allowUrls: true
    },
    onDemand: true,
    discardSelector: ".discard-answer"
    ,immediatelyShowMarkdownHelp:true
    });


    }
    });














    draft saved

    draft discarded


















    StackExchange.ready(
    function () {
    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53973746%2fanimation-to-remove-sprite%23new-answer', 'question_page');
    }
    );

    Post as a guest















    Required, but never shown

























    1 Answer
    1






    active

    oldest

    votes








    1 Answer
    1






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes









    0














    SKAction is an animation that is executed by a node in the scene. Actions are used to change a node in some way (like move its position over time), but you can also use actions to change the scene, like doing a fadeout.



    In your case, you can apply multiple animations:



    let move_action = SKAction.moveBy(x: -100, y: 0, duration: 1.0)
    let scale_action = SKAction.scale(to: 0.0, duration: 1.0)
    let fade_action = SKAction.fadeAlpha(to: 0.0, duration: 1.0)

    hand.run(move_action)
    hand.run(scale_action)
    //hand.run(fade_action)


    In the previous example, the hand runs the move and scale animation at the same time. But you can also make the hand to move to the position, and after it reaches, to scale it.



    let sequence = SKAction.sequence([move_animation,scale_animation])
    hand.run(sequence)


    There are lots of animations that SKAction has, here you can find the complete list.






    share|improve this answer




























      0














      SKAction is an animation that is executed by a node in the scene. Actions are used to change a node in some way (like move its position over time), but you can also use actions to change the scene, like doing a fadeout.



      In your case, you can apply multiple animations:



      let move_action = SKAction.moveBy(x: -100, y: 0, duration: 1.0)
      let scale_action = SKAction.scale(to: 0.0, duration: 1.0)
      let fade_action = SKAction.fadeAlpha(to: 0.0, duration: 1.0)

      hand.run(move_action)
      hand.run(scale_action)
      //hand.run(fade_action)


      In the previous example, the hand runs the move and scale animation at the same time. But you can also make the hand to move to the position, and after it reaches, to scale it.



      let sequence = SKAction.sequence([move_animation,scale_animation])
      hand.run(sequence)


      There are lots of animations that SKAction has, here you can find the complete list.






      share|improve this answer


























        0












        0








        0







        SKAction is an animation that is executed by a node in the scene. Actions are used to change a node in some way (like move its position over time), but you can also use actions to change the scene, like doing a fadeout.



        In your case, you can apply multiple animations:



        let move_action = SKAction.moveBy(x: -100, y: 0, duration: 1.0)
        let scale_action = SKAction.scale(to: 0.0, duration: 1.0)
        let fade_action = SKAction.fadeAlpha(to: 0.0, duration: 1.0)

        hand.run(move_action)
        hand.run(scale_action)
        //hand.run(fade_action)


        In the previous example, the hand runs the move and scale animation at the same time. But you can also make the hand to move to the position, and after it reaches, to scale it.



        let sequence = SKAction.sequence([move_animation,scale_animation])
        hand.run(sequence)


        There are lots of animations that SKAction has, here you can find the complete list.






        share|improve this answer













        SKAction is an animation that is executed by a node in the scene. Actions are used to change a node in some way (like move its position over time), but you can also use actions to change the scene, like doing a fadeout.



        In your case, you can apply multiple animations:



        let move_action = SKAction.moveBy(x: -100, y: 0, duration: 1.0)
        let scale_action = SKAction.scale(to: 0.0, duration: 1.0)
        let fade_action = SKAction.fadeAlpha(to: 0.0, duration: 1.0)

        hand.run(move_action)
        hand.run(scale_action)
        //hand.run(fade_action)


        In the previous example, the hand runs the move and scale animation at the same time. But you can also make the hand to move to the position, and after it reaches, to scale it.



        let sequence = SKAction.sequence([move_animation,scale_animation])
        hand.run(sequence)


        There are lots of animations that SKAction has, here you can find the complete list.







        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered Jan 17 at 21:31









        Alexandru VasiliuAlexandru Vasiliu

        14912




        14912






























            draft saved

            draft discarded




















































            Thanks for contributing an answer to Stack Overflow!


            • Please be sure to answer the question. Provide details and share your research!

            But avoid



            • Asking for help, clarification, or responding to other answers.

            • Making statements based on opinion; back them up with references or personal experience.


            To learn more, see our tips on writing great answers.




            draft saved


            draft discarded














            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53973746%2fanimation-to-remove-sprite%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown





















































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown

































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown







            7hC,GI,NpxHE,xZCOLZD3GuOzk,B4dNE,S8lFwW0hX,a6iZO,BA
            bKWkmqw8XvyX,Wg4p4CGY7R MxoPbPf

            Popular posts from this blog

            Monofisismo

            Angular Downloading a file using contenturl with Basic Authentication

            Olmecas