Animate를 사용하면 유연성과 피델리티를 위해 벡터로 제작된 에셋을 사용할 수 있습니다.
또한 텍스처에 최적화된 플랫폼 성능을 높이기 위해 HTML5 Canvas와 같이 비트맵 텍스처로 제작할 수 있죠.
예제 파일을 열고 컨트롤 메뉴에서 테스트를 선택하면 기본 웹 브라우저에서 확인할 수 있는데요.
보시는 대로 벡터 브러시 성능이 특정 게시 플랫폼에서 그다지 좋아 보이지 않습니다.
복잡한 벡터를 많이 사용하고 있어서 기본 웹 브라우저가 감당하지 못하기 때문인데요.
텍스처로 변경하는 것이 좋겠네요.
에셋을 텍스처로 게시하려면 제작 설정으로 이동해야 하는데 속성 패널에 있습니다.
JavaScript/HTML 항목의 기본 탭을 보면 텍스처로 문서 내보내기 옵션이 있는데 성능은 향상되지만 크기가 증가한다고 되어 있습니다.
이 옵션을 활성화하면 작은 렌치 모양이 표시됩니다.
이미지 설정 메뉴인데 클릭하면 이미지 설정 탭으로 이동합니다.
이 탭에서 기본적으로 텍스처에 포함된 모든 심볼을 렌더링하도록 선택할 수 있고 변경을 클릭하여 벡터가 아닌 텍스처로 렌더링할 에셋만 선택할 수 있습니다.
저는 모든 에셋을 텍스처로 제작할 것이므로 확인을 클릭합니다.
다시 컨트롤 메뉴에서 테스트를 선택합니다.
됐습니다.
이처럼 성능이 기본 브라우저에서 벡터로 내보냈을 때보다 월등하게 향상되었습니다.
