engine-lottie icon indicating copy to clipboard operation
engine-lottie copied to clipboard

A WebGL runtime of lottie based on Galacean Engine

Galacean Lottie

npm-size npm-download

This is a lottie runtime created by Galacean Engine. It is high-performance owing to drawing all sprites in batch, which is different from svg or canvas renderer of lottie-web.

See more info: documentation

Features

  • [x] Sprite element: transform and opacity animation.
  • [x] Text element
  • [x] 3D rotation: rotate element in 3D space.
  • [x] Animation clip: play animation clip.

TODO

  • [ ] Sprite mask
  • [ ] Shape element
  • [ ] Expression

Usage

See: https://galacean.antgroup.com/engine/docs/graphics/2D/lottie/

Install

npm i @galacean/engine-lottie --save

Contributing

Everyone is welcome to create issues or submit pull requests. Make sure to read the Contributing Guide before submitting changes.

Dev

1.Clone this repository and install the dependencies:

npm i

2.Run the example:

npm run example

License

MIT