이하는 After Effects(이하 AE)에서 Bodymovin 혹은 LottieFiles 플러그인을 통해 추출할 수 있는 json 파일의 속성값 구조에 대한 번역이다.
출처 : https://github.com/airbnb/lottie-web/tree/master/docs/json
객체 구조
v : Version(string)
lottie 파일을 추출한 Bodymovin의 버전을 표기한다.
ip : In Point(number)
원본 AE 컴포지션의 시작 프레임 번호
op : Out Point(number)
원본 AE 컴포지션의 끝 프레임 번호
fr : Frame Rate(number)
초당 프레임률(fps)
w : Width(number)
원본 AE 컴포지션과 lottie 결과물의 너비
h : Height(number)
원본 AE 컴포지션과 lottie 결과물의 높이
nm : Name(string)
원본 AE 컴포지션의 이름
ddd : 3-D(number)
원본 AE 컴포지션의 3d 레이어 포함 여부
값 자체는 number지만, boolean처럼 사용한다.
layers : Layers(array)
원본 AE 컴포지션에 포함된 레이어 목록의 배열
Layer 공통 요소
ty : Type(number)
레이어의 타입, 도형 레이어인 경우 4가 고정값(const)이다.
ao : Auto-Orient(number)
AE에서 위치 키프레임 패스가 적용된 경우 패스와 방향(orient)을 일치시는 Auto-Orient along path 기능의 활성화 여부
값 자체는 number지만, boolean처럼 사용한다.
bm : Blend Mode(number)
레이어에 적용된 블렌드 모드를 표기하는 번호
normal : 0
multiply : 1
screen : 2
overlay : 3
darken : 4
lighten : 5
colorDodge : 6
colorBurn : 7
hardLight : 8
softLight : 9
difference : 10
exclusion : 11
hue : 12
saturation : 13
color : 14
luminosity : 15
ddd : 3d Layer(number)
3d 레이어 설정 여부
값 자체는 number지만, boolean처럼 사용한다.
ind : Index(number)
원본 AE 컴포지션에서 해당 레이어의 번호
lottie 내에서 변형을 상속받는 부모(parent) 레이어 기능과, 표현식(expression)기능에서 사용한다.
cl : Class(string)
SVG/HTML 렌더러에서 사용되는 레이어 이름을 파싱한 html class 이름
ln : layer HTML ID(string)
SVG/HTML 렌더러에서 사용되는 레이어 이름을 파싱한 html id 이름
ip : In Point(number)
레이어의 시작 프레임 번호
op : Out Point(number)
레이어의 끝 시각 프레임 번호
st : Start Time(number)
레이어의 시작 프레임 번호
nm : Name(number)
원본 AE 컴포지션에서 해당 레이어의 이름
lottie 내에서 표현식(expression) 기능에서 사용한다.
hasMask : Has Masks(number)
레이어의 마스크 적용 여부
값 자체는 number지만, boolean처럼 사용한다.
masksProperties : Masks Properties(array)
레이어에 적용된 마스크 목록의 배열
Mask
Inverted(boolean)
마스크의 반전 여부
Name(string)
원본 AE 컴포지션에서 해당 마스크의 이름
lottie 내에서 표현식(expression), 효과(effects) 기능에서 사용한다.
Points(object)
마스크의 도형 정보 객체
Shape와 동일한 구조를 가진다.
Opacity(object)
마스크 투명도의 키프레임 객체
Mode(string)
적용된 마스크 형식을 표기하는 소문자 형태의 코드
None : n
Additive : a
Subtract : s
Intersect : i
Lighten : l
Darken : d
Difference : f
ef : Effects(array)
레이어에 적용된 효과(effects)의 목록 배열
sr : Stretch(number)
레이어에 적용된 시간 스트레치 값
parent : Parent(number)
변형을 상속받는 부모(parent) 레이어 번호
ind(Index) 값을 사용한다.
ks : Transform(object)
레이어에 적용된 변형 정보 객체
Transform
it : Items(array)
도형 레이어(shape layer)에서 적용된 shape 목록
Shape
assets : Assets(array)
원본 AE 컴포지션에서 사용된 이미지, 컴포지션 목록의 배열
Assets
chars : Chars(array)
원본 AE 컴포지션의 문자 레이어에서 폰트 목록의 배열
