Sign in to follow this  

Play Animation and go to start

Recommended Posts

Hi there,


I have a fundamental question about Phaser Sprites and Animations.


What I want is to play an animation and then go back to the first frame of an spritesheet. The first frame of the spritesheet however is not part of the animation. Some code here:


figure1 = game.add.sprite(300, 1400, 'figure1');figure1.animations.add('stand', [0], 1, false);figure1.animations.add('dosomething', [1,2,3,4,5,6], 6, false);figure1.inputEnabled = true; {'dosomething');}, this);{'stand');}, this);

So, this should play the "dosomething" animation (frame 1 to 6) when the sprite is being clicked. After the animations completes it should go back to the initial position, which is contained in frame 0 = "stand animation".


So here go the questions, is this the way to go? Do I have to create a "stand" pseudo animation? or is there some easier/better way to achieve this? (I am also just seeing, the stand animation would indefinitely fire the onAnimationsComplete event?!)


Kind regards,

Share this post

Link to post
Share on other sites

This forum is great :) Thanks for your answers, setting frame looks the way to go, but I have a strange problem, maybe you can see what mistake I am making?


I uploaded a demo here:


Clicking on the number should count to 5 twice, and then get back to 0, but it jumps back to 1, why is that so?


This is the code:

window.onload = function() {        var game = new Phaser.Game(400, 400, Phaser.AUTO, '', { preload: preload, create: create });	var framedemo;		        function preload () {			game.stage.backgroundColor = '#fff4d9';						game.scale.scaleMode = Phaser.ScaleManager.SHOW_ALL;			game.scale.setScreenSize();            game.load.spritesheet('framedemo', 'framedemo.png', 264, 428, 6);        }		        function create () {            framedemo = game.add.sprite(10, 10, 'framedemo');            framedemo.animations.add('count', [1,2,3,4,5], 5, true);            framedemo.inputEnabled = true;   {				console.log('pressed');'count');            }, this);  {				console.log(framedemo.animations.currentAnim.loopCount);				if (framedemo.animations.currentAnim.loopCount >= 2) {					framedemo.animations.stop();					framedemo.frame = 0;				} 			}, this);        }    };

and this is the spritesheet:framedemo.png


I removed everything unnecessary, but it always jumps back to 1 and not 0. Can you help me?


Kind regards,


Share this post

Link to post
Share on other sites

Thanks for your answer.


It's returning to the first frame of animation. Try replacing:


I also came to that conclusion but why? I understand stop() would do that, but why is the frame=0 line not produce anything? :(


framedemo.animations.stop();framedemo.frame = 0;
framedemo.animations.stop('count', 0);


I updated your demo with your suggestion but it has the same effect. :/

Share this post

Link to post
Share on other sites

So, your suggestion is wrong I guess, according to the documentation:


stop(name, resetFrame)
Stop playback of an animation. If a name is given that specific animation is stopped, otherwise the current animation is stopped. The currentAnim property of the AnimationManager is automatically set to the animation given.


So, the second parameter resetFrame would be the frame# of the mentioned animation.



What I tried now is playing around with setting frame, I put this in the oninput handler instead of the function:

framedemo.frame++;if (framedemo.frame >= 5) framedemo.frame = 0;

and this works as expected.


I wonder if playing an animation modifies this behaviour, so that setting frame 0 is impossible?!

Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.