Introduction

rlottie Viewer is the most convenient lottie web player. It is created to help communication between designers and developers. Not only does rlottie Viewer helps designers and developers to check if the animation is rendered well on the website, but rlottie Viewer also allows to customize animation layers.

• Simple Customization: In the left panel, users can access each layer by keypath. In the right panel, you can easily adjust properties such as color, opacity, and position, and find out the immediate changes.

Features

• Change layer color
• Change layer opacity
• Change layer position
• Canvas shape, rotation
• Keypath search
• Multi view
• Play speed, type, direction
• Transforms

Getting Started

Env Setup

• Setup the emscripten sdk environment. Follow Down and Install steps emscripten
• Clone the repo

$ git clone --recurse-submodules https://github.com/rlottie/rlottie.github.io.git

Build

$ cd rlottie
$ ./wasm_build.sh {absolute_emsdk_folder_path}
$ cp builddir_wasm/src/rlottie-wasm.* ../

• NOTE : to get a callstack modify build.sh file by passing the build flag -s assertions=1

test

$ run ./test.sh

License

No License

But gif.js has MIT License