Computers

Sencha about to unleash CSS3 Flash animation killer

Sencha about to unleash CSS3 Flash animation killer
Sencha has announced the release of a developer preview of its CSS3 Animator software, which can be used to create HTML5 media content for viewing in a Webkit browser and touchscreen mobile devices
Sencha has announced the release of a developer preview of its CSS3 Animator software, which can be used to create HTML5 media content for viewing in a Webkit browser and touchscreen mobile devices
View 3 Images
Screenshot of Sencha Animator's work area
1/3
Screenshot of Sencha Animator's work area
Sencha has announced the release of a developer preview of its CSS3 Animator software, which can be used to create HTML5 media content for viewing in a Webkit browser and touchscreen mobile devices
2/3
Sencha has announced the release of a developer preview of its CSS3 Animator software, which can be used to create HTML5 media content for viewing in a Webkit browser and touchscreen mobile devices
Developers will be able to use Animator to produce Flash-free, CSS3 media animations for display in a Webkit browser or on a touchscreen mobile device
3/3
Developers will be able to use Animator to produce Flash-free, CSS3 media animations for display in a Webkit browser or on a touchscreen mobile device
View gallery - 3 images

Adobe is not the only company preparing for the heralded death of Flash on the web. Sencha has announced the developer preview of a new CSS3-based animation tool for the creation of rich media animations in HTML5-enabled browsers. The new desktop application is said to allow developers to bring web animations to life without having to mess around with hundreds of lines of complicated code.

Like Adobe's Edge prototype, Sencha's Animator has been created with Webkit browsers and touchscreen mobile devices in mind. The Windows, Mac and Linux-friendly GUI-based desktop application features a timeline, parameter control windows and a resizable stage area. Objects such as text, images or shapes can be dropped into the stage area, properties configured and then previewed.

Single or nested objects can be moved, scaled, skewed and rotated in both 2D or 3D, and developers can add CSS3 stylings such as gradients, blurs, reflections and shadows. Sencha says that "best of all, Sencha Animator outputs pure CSS3 animation code, so it's hardware accelerated on Apple iOS, which creates incredibly smooth animations."

Developers will be able to use Animator to produce Flash-free, CSS3 media animations for display in a Webkit browser or on a touchscreen mobile device
Developers will be able to use Animator to produce Flash-free, CSS3 media animations for display in a Webkit browser or on a touchscreen mobile device

Two versions of the Animator have been created, an Ad Builder Edition and the currently available Standard Edition. They include all of the tools needed to create web content such as splash screens, motion graphics, kinetic typography and so on. Being CSS3-based also means that the technology is compatible with all of the major mobile platforms including Android and iOS. The Standard Edition license doesn't cover advertising applications though, so ad agencies will need to wait for the forthcoming private beta of the Ad Builder Edition.

Sencha says that the cost of the Animator Standard Edition is likely to be "in the low hundreds of dollars" and is currently ironing out some of the rough edges of the preview release ahead of final product release. There will be more CSS3 properties added too, like "a better color picker, a gradient maker, more complete backgrounds support and more complete text formatting properties." The company is also looking to grow beyond Webkit-based browsers.

View gallery - 3 images
1 comment
1 comment
Facebook User
Death of Flash? First I\'ve heard of it.