spine-WebGL: Stop animation and set specific frame

Zormolo

Hi,
i'm using the spine-webgl API and was wondering if there is a better way to stop my custome SpineConfigApp to stop updating aka pause.
My current methode just has a boolean in the update function that skips the whole update part if set to true. but it renders still like every frame which shouldnt be needed ig after the first update of the frame

the second part is something i want to implement but not quiet sure yet where i get the values from the whole spineCanvas object

I have a input:slider in the ui
i want to set the max-Value of the slider to the current Animation max frames after the animation or the model changed
but i dont know which value is the right one that give me like the total frame count

so i can "slide" througe the whole animation
i got a bad version of that working
an if statement can inverted the delta value in the update function and i only updated one frame per click
with that i was able to get througt the animation or go backwards
but imo thats really bad code and slow

is there like a better or intended way of doing something like this?

Zormolo

pretty much the slider in the spineViewer

but that stops at the "selected" frame and the max value is the end of the animation

Davide

Zormolo

Our spine player uses Spine WebGL. If you look into its code, you can easily find answers to most of your questions. See the code here.

I'm using the Spine WebGL API and was wondering if there is a better way to stop my custom SpineConfigApp from updating, i.e. pause.\My current method just uses a boolean in the update function that skips the whole update part if set to true. But it still renders every frame, which shouldn’t be needed after the first update of the frame.

If you don’t want to invoke the render methods, include those in your boolean logic as well. Without seeing your code, that seems like the most logical approach.

I have an input slider in the UI.
I want to set the max value of the slider to the current animation’s maximum frames after the animation or the model changes, but I don’t know which value gives me the total frame count.

For this use case, you’ll probably want to use the animation duration. See also how the spine player uses it.

Spinebot

To pause the animation in your SpineConfigApp using the spine-webgl API, you can indeed use a boolean to skip updates, but to avoid unnecessary rendering, you should also stop the rendering process when the animation is paused. This can be done by conditionally calling the render function only when the animation is not paused.

For setting the slider's maximum value to the total frame count of the current animation, you can use the animation's duration and the frame rate to calculate the total number of frames. Spine animations are not limited to a specific frame rate, but you can assume a standard frame rate (e.g., 30 fps) to calculate the total frames. You can get the animation duration from the animation object and multiply it by the frame rate to get the total frame count. This way, you can set the slider's maximum value to this calculated frame count and allow the user to slide through the animation smoothly.

Zormolo

Davide

thx
with that i could make a slider thats allows me to quickly move through the animation
but i use the viewpoint code which was more what i was looking for

i only calc the current "frame" via the value of the slider and update the model but its much cleaner then before

but is there no like total frames
like we have the duration of the animation but isn't there like a way to get an exact value on how many real frames that animation has

currently i have a fixed value of 200 which is fine for ig most stuff

but there are animation that may only have like 30 total animation frames
can i get that value or calc that somehow too?