sparklebox icon indicating copy to clipboard operation
sparklebox copied to clipboard

About SSR animation effect

Open yjlin0224 opened this issue 5 years ago • 6 comments

Will SSR animation effect be supported? Which showed in gacha and home page when the background is an SSR and supported animation effect, like 100785 swing hair.

yjlin0224 avatar Feb 02 '20 22:02 yjlin0224

It would be nice to have, but I'm not sure how to implement it. I can think of two ways but both have issues:

  • Render them client side using JS/WebGL. I would need a Spine license to distribute the libraries though.
  • Export them all to video, but that requires (a) the animations to perfectly loop and (b) a substantial amount of server time for rendering + encoding.

summertriangle-dev avatar Feb 03 '20 01:02 summertriangle-dev

Can you point out which patterns of filenames of game data files that those animations are packed in? Are card_cartoon_*.unity3d?

yjlin0224 avatar Feb 03 '20 08:02 yjlin0224

Yes, should be.

summertriangle-dev avatar Feb 03 '20 16:02 summertriangle-dev

My English is poor. I found that the card for Princess Connect Re: Dive has the same animation as the idol master.This site collects all the animations. Is it possible to refer to it? https://redive.estertion.win/movie/

applemiku avatar Feb 29 '20 10:02 applemiku

@esterTion Do you maintain https://redive.estertion.win/movie/ ? Can you tell us how to do if the library of animations in Princess Connect Re:Dive also use Spine?

yjlin0224 avatar Mar 05 '20 03:03 yjlin0224

It's not the same. プリコネR is just a plain video file.

It is indeed spine animation for CGSS, but is much more complicated.

So you find all the resource for animation in card_cartoon_xxxxxx.u3d There's first of all an overall background layer, the texture is combined using SP3Sxxxxxx_tex as rgb and SP3Sxxxxxx_tex_A8 as alpha channel Then there's all sorts of other small texture for effects

The background layer has an atlas file for sprite cropping

Finally, there's bunch of skel file. This is a standard binary spine skeleton file, but note that spine-ts-webgl does not support SkeletonBinary reading. In case you want to play with it, I've already done a port from other language, repo at esterTion/spine-runtimes and you can find the compiled js lib at https://redive.estertion.win/spine/

I once tried load the background layer, now I forget which one is it, I think it's SP3Sxxxxxx_bg.skel. After you loaded, this is just background layer animation. To add in the effects, you need to coordinate with other skel files, each responsible for an effect. This is the part I’ve never tried. ( My previous experience on spine animation is all single model with different animations, not multiple model together )

esterTion avatar Mar 05 '20 04:03 esterTion