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.