Tutorial:animation effect

03. 애니메이션 효과 적용해보기

이전 튜토리얼에선 이미지를 띄워 보았습니다. 피니엔진에선 이미지에 대해 애니메이션 매크로 를 이용하여 애니메이션 효과를 줄 수 있습니다.

아래에선 멍구 이미지에 "상하흔들기" 애니메이션 효과를 주어 보았습니다.

피니엔진 LNX 소스코드

[이미지 아이디="멍구2" 파일명="멍구2.png" 효과="페이드" ]

[애니메이션 아이디="멍구2" 타입="상하흔들기" 폭=50 횟수=3 시간=2 가속="사인인"]

[이미지 아이디="피니" 파일명="피니_노멀.png"  크기="0.65,0.65" 위치="100,410"]

[이미지 아이디="석대" 파일명="석대_짜증.png" 크기="0.7,0.7" 위치="680,410"]

좀 더 다양한 애니메이션 효과를 확인해보도록 합시다. 아래에선 피니,석대 캐릭터에 각각 걷기와 색상 애니메이션 효과를 주어보았습니다.

피니엔진 LNX 소스코드

[이미지 아이디="멍구2" 파일명="멍구2.png" 효과="페이드" ]

[애니메이션 아이디="멍구2" 타입="상하흔들기" 폭=50 횟수=3 시간=2 가속="사인인"]

[이미지 아이디="피니" 파일명="피니_노멀.png"  크기="0.65,0.65" 위치="100,410"]

[이미지 아이디="석대" 파일명="석대_짜증.png" 크기="0.7,0.7" 위치="680,410"]

[클릭대기]

[애니메이션 아이디="피니" 타입="걷기" 횟수=4 폭=20 확대="1.2,1.2" 시간=1 가속="사인인"]

[클릭대기]

[애니메이션 아이디="석대" 타입="색상" 시간=1.2 색상="255,0,0" 가속="사인인"]

[대기 시간=2]

[애니메이션 아이디="석대" 타입="색상" 시간=1.2 색상="255,255,255" 가속="사인인"]

스크립트를 편집창에 작성 하셨다면 키보드의 F5버튼 혹은 메뉴에 '테스트 - 바로 테스트 F5'을 눌러서 어떻게 동작 하는지 확인 해보도록 합시다. 그리고 매크로_애니메이션 의 타입 매개변수에 자료형_애니메이션효과 를 이것저것 넣어 어떻게 동작되는지 한번 확인 해보도록 합시다.

다음 튜토리얼에선 대화 관련 함수를 이용해 글씨를 띄우는 방법을 배워보도록 하겠습니다.