React Lottie Web Animation Demo

This repository is about to share with you, how do I implement the animation of slot reel spinning on my React project with Lottie. If you haven't heard of Lottie yet, you can take a took at Lottie's official website, which is announed by AirBnb, before start reading.

此Repo是用來紀錄並分享，我是如何在React專案上透過控制Lottie來達到模擬吃角子老虎機的轉動特效。Lottie是由AirBnB所推出的一個套件，用來快速達到UI設計人員所設計的After Effect的特效。如果您對Lottie尚不熟悉，可以考慮先觀看Lottie's official website

Demo

Enviroment

React: 17.0.1
d3-ease: 2.0.0
lodash: 4.17.21
lottie-react: 2.1.0

How to run the project

Method 1: run example on local device

You can choose to clone this repo, and run the example on your local device by executing following command:

# clone the project
git clone https://github.com/SDxBacon/react-lottie-web-animation-demo.git

# enter project directory
cd react-lottie-web-animation-demo

# install dependencies and start
yarn && yarn start

Method 2: on codesandbox