Animate를 사용하면 작업 문서 유형을 다른 문서 유형의 프로젝트로 간편하게 변환할 수 있습니다.
동일 에셋과 애니메이션을 사용하여 다양한 플랫폼을 지원하기 위해서죠.
보시는 대로 여기 기본 웹 광고가 있는데요.
테스트해 보려면 컨트롤 메뉴에서 테스트를 선택합니다.
애니메이션이 Flash Player에서 swf로 실행되고 있습니다.
이 프로젝트를 HTML5 또는 다른 플랫폼으로 변환하려면 파일 메뉴에서 변환 대상을 클릭하고 변환할 특정 플랫폼을 선택합니다.
이 예제에서는 HTML5 Canvas를 선택해보죠.
저장 대화 상자가 나타나고 Animate에서 대상 플랫폼에 맞는 이름을 지정해 Flash Player용으로 FLA 문서로 저장할 것입니다.
저장을 누르면 자동으로 변환되고, 출력 패널에 '프레임 스크립트에 주석이 추가되었습니다.'
라고 뜹니다.
Flash Player는 액션 스크립트를 사용하는 반면 HTML5 Canvas 문서 유형은 인터랙티브 요소에 JavaScript를 사용하기 때문이죠.
타임라인을 보면 모든 것이 그대로 유지되어 있습니다.
Actions 레이어에서 프레임을 선택하면 액션 스크립트가 포함되어 있는데, 윈도우 메뉴에서 액션을 선택하면 실제로 주석이 추가된 걸 볼 수 있습니다.
JavaScript로 변환해 보죠. this.stop을 입력하여 동일한 효과를 만듭니다.
그런 다음 컨트롤 메뉴에서 테스트를 선택하여 브라우저에서 테스트합니다.
잘 작동합니다.
이전에는 Flash Player에서만 가능했는데 이제 HTML5 Canvas를 사용하여 기본 웹 브라우저에서도 실행됩니다.
