Visual animation pipeline

SamStallion

• April 10, 2024 19:50

I appreciated the post on After Effects to Gameface with either video or flipbook! I'm wondering if there are other visual animation tools that work well with Gameface?

For reference I tried Lottie/Bodymovin but ran into a texture cache limit right away. I tried Rive but it works on WebGL/WASM that isn't compatible.

0

• 

  Tony

  • April 11, 2024 14:21
  • Edited

  Hey Sam,

  We are glad to hear you found the Adobe After Effects tutorial helpful :)

  The recommended library to use with Gamfeace for animations with a visual editor would be the Lottie/Bodymovin one. You can find very detailed information about the support of this library along with some disclaimers for not yet fully supported functionalities such as the "web" images - https://docs.coherent-labs.com/cpp-gameface/content_development/lottie/

  It is worth mentioning that the texture cache limit that you encountered is most likely the performance warnings we have integrated in the Player, which in the logs appear as:

  Performance Warning: Layer Textures cache is being pruned! This might cause layer texture creation in next frames.
  Performance Warning: Scratch Textures cache is being pruned! This might cause scratch texture creation in next frames

  These warnings just notify you that you have reached the predefined limit for the texture caches and will lead to texture creation instead of reusing the already allocated ones. Operations such as re-creating textures can have an impact on performance, and you can balance this out (if needed) by allowing the plugin to use more memory for the internal caches (i.e., taking more memory and boosting performance by reducing the prunings). To achieve this, you can use the cohtml::View::QueueSetCacheCountSize and cohtml::View::QueueSetCacheBytesSize APIs to modify the caches' maximum capacity.

  I have also prepared one small sample with a looping animation of a controller, which you can get from here - https://s3.amazonaws.com/CoherentLabs/Downloads/54f491b7e8d957b2a48d9af12dcd3cd5dfd74ee2939ee11f14f5439b5df72480/LottieSample.zip

  Aside from the Lottie JavaScript library, a more lightweight alternative approach that unfortunately will require a bit more JavaScript code would be "anime.js" one(https://animejs.com/).

  Hope you find this information helpful :)

  0

Please sign in to leave a comment.