Bodymovin

react 플젝에서 BodyMobin을 사용하여 animate를 구현했었다.

import ReactBodymovin from 'react-bodymovin';
import animate_start from '@variables/animate_start.json';
let bodymovinOptions = {
    loop: true,
    autoplay: true,
    prerender: true,
    animationData: animate_start,
  };
 return (
  <ReactBodymovin options={bodymovinOptions} />
 );

위 코드를 보면 움직이는 케릭터를 json파일로 전달받아서 react-bodymovin을 사용하여
구현하였다. 코드는 간단하게 예시로 구현해 놓았지만 실제로 들어가는 케릭터가 16가지 이상이 들어가고 유저의 정보에 따라 보여주어야 하는 케릭터 및 케릭터 상태도 다르게 구현해야 했다.