Html5 Animation Software with Amazing Effects
MANY USES
- Animated Banners
- Html Ads
- Interactive Logos
- Games and Puzzles
- Cartoons
- Simulations and eLearning Applications
- General Interactive Web Content
ANIMATION FEATURES
Rich Web Animation
Both KoolMoves and KoolShow can be used to create interactive Html5 animations and games for the web. You can select from a large library of effects, fill shapes with color gradients or images, and add actions to buttons and frames.
Import Capabilities
Import from a rich set of graphic and video formats. SVG vector clipart which is widely available on the internet is easily imported including gradients. The clipart can be edited using the extensive drawing tools available.
SWF to Html5
Many web designers seek solutions for converting their legacy Flash animations into mobile-friendly alternatives. The software supports conversion of Flash to Html5 (except for action script) and conversion to animated GIF (or AVI/MP4).
Animation Scripting
The software has a powerful environment for scripting the Html5 animation in Javascript and CreateJS. In addition, there are libaries of examples and many CreateJS demos online.
Animation Framework
There are two modes for creating Html5 animations, key frame-based animation with morphing and page-based with jQuery Widgets. Most of the Html5 export is built on top of CreateJS, a suite of Javascript libraries providing interactive content.
Export Capabilities
Animations can be exported as Html5, animated GIF, AVI/MP4, SVG, PNG with transparent background, and SWF (KoolMoves only). In addition, the software exports as mobile apps using PhoneGap.
Drawing Tools
A rich set of drawing and manipulation tools is provided. Points defining shapes can be moved, added, and deleted. Transforms (scale, rotate, slant, etc.) can be applied to selected shapes or points.
Shape Morphing
All you do is put together something like a cartoon strip, adding canvas elements to each key frame. The software automatically morphs the elements in between each of your key frames to create smooth animated motion.
Text/Image Effects
You can apply effects and filters to a broad range of stage elements: 1) by selecting from Javascript and CSS libraries of customizable effects and filters, 2) by using Ease In/Out, or 3) by scripting your own effects in JavaScript and CreateJS.
Motion Paths
Motion paths (linear or curved) can be applied to stage elements to define paths between gaps in the timeline. In addition, properties like position, transparency, scaling, and rotation can be animated using Javascript.
Sprite Sheets
The motion of sprite sheets, a series of images (sprites) comprising a larger image, can be animated using motion paths (with the option to auto orient the sprite to the curvature of the path) as well as through custom Javascript.
Slide Shows
Two ways are provided to create Html5 slide shows -- a simple Javascript-based slide show and open source Jssor-slider with a multitude of transition options.
Responsive Design
Html5 animation exports are compatible with responsive web design. An export option for embedding an animation on a WordPress page using an iFrame is also provided.
Physics Engine
CreateJS-created objects can be animated using Box2dWeb's javascript physics engine to account for gravity, collisions, and the friction, density, and bounciness of objects.
Chroma Key
KoolMoves supports Chroma Key (Flash only export at this time) which lets you make a color in a video transparent.
See our Products page for more information.
