SteppedEase

[studioraygun]

Hi

 

I've searched high and low for the answer for this but no luck so far. I'm using SteppedEase to create a sprite sheet animation, but for some reason when the animation ends it flips back to the first frame. How can I make it stop at the last frame?

 

Code is very simple:

TweenMax.to(".globe__globe", 5, {backgroundPosition:'0 -67280px', ease:SteppedEase.config(145)});

Many thanks,

Matt

See the Pen vLFmd by GreenSock (@GreenSock) on CodePen

[GreenSock]

Any chance you could provide a codepen or jsfiddle or something? It really helps to see what you're lookin' at. 

[Carl]

Hi and welcome to the GreenSock forums,

 

My suggestion for de-bugging would be to remove the tween altogether and just use css

 

.globe__globe {

background-position: 0 -67280px;

}

 

Does that give the desired result of showing the last frame?

 

Also, keep in mind, the end value should be - (widthOfSheet - widthOfFrame)

 

Feel free to plop your image in here

http://codepen.io/GreenSock/pen/vLFmd

 

Like Jack said, a simple demo goes a long way.

[studioraygun]

Thanks for your replies guys, turns out I'd started my frame count from 1 when I should have started it at 0.

 

This means that my end values were 144 frames and I had to reduce the overall height on background-position. Very frustrating but a lesson learned for future.