본문 바로가기

HTML5_JS_CSS

Sencha Animator

Ext JS, Sencha Touch 등으로 유명한 Sencha에서 Sencha Animator(http://www.sencha.com/products/animator/)를 출시하였습니다. Sencha Animator는 WebKit 계열의 브라우저에서 동작하는 CSS3 기반의 애니메이션을 만들 수 있는 도구입니다. 

플래시와 유사하게 타임라인을 지원하며 객체와 이미지를 화면에 드래그하고 키 프레임을 설정할 수도 있습니다. 하지만 CSS3로 동작하기 때문에 플래시가 동작하지 않는 iOS 기반의 기기에서도 정상적으로 동작합니다. 또한 CSS3에서 제공하는 기능을 적용할 수도 있으며 사용자가 직접 CSS를 만들어 적용할 수도 있습니다. 홈페이지에서 홍보 문구로 내세우고 있는 것은

1. 서드파티 플러그인 없이 CSS3로 된 광고를 만들 수 있고
2. CSS3 효과를 적용할 수 있으며
3. HTML5와 CSS3를 사용하여 애니메이션을 만들기에 직관적인 GUI를 제공한다

입니다.

실제 동작하는 모습(http://vimeo.com/16219355)과 플래시를 공부하다 보면 한번씩은 만들게 되는 튀기는 공(http://vimeo.com/16219994) 등에 대한 비디오가 있으니 한 번씩 구경해보기 바랍니다. 

IE9 beta 관련 행사(http://www.beautyoftheweb.com/)를 보며 HTML5/CSS3가 기존의 플래시의 영역을 많이 침범할 것이라 생각은 했었는데 또 어떠한 놀라운 것이 나올지 기대됩니다.


반응형