Rich Web Animation

KoolMoves and KoolShow are used to create interactive animations and games for the web. You can select from a large library of effects, attach audio, fill shapes with color gradients or images, and add actions to buttons (links) 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. Both products support basic conversion of Flash to Html5 (except for action script) and conversion to animated GIF (or AVI/MP4).

Export Capabilities

Animations can be exported as Html5, animated GIF, AVI/MP4, SVG, and SWF (KoolMoves only). In addition, both products export as mobile apps using PhoneGap.

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.

Responsive Design

Html5 and SWF exports are compatible with responsive web design. An export option for embedding an animation on a WordPress page using an iFrame is also provided.

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

From the extensive libraries of text, image, and shape effects and filters, you can create effects: 1) by selecting from the large number of customizable effects, or 2) by scripting in ActionScript 3 or JavaScript to create your own effects.

Motion Paths

Motion paths (linear or curved) can be applied to canvas elements to define paths between gaps in the timeline. In addition, properties like position, transparency, scaling, and rotation can be programmed using javascript (Html5 export only).

Sprite Sheets

The motion of sprite sheets, a series of images (sprites) comprising a larger image, can be programmed using motion paths (with the option to auto orient the sprite to the curvature of the path) as well as through custom javascript.

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.

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. There is also a Flash slide show component with many skin options.

Action Scripting

For those still using Flash, KoolMoves supports Action Script 1 and ActionScript 3. And even if you do not script, AS3 gives a major behind-the-scenes boost to many aspects of KoolMoves, e.g. action-script-based effects, filters, and components.

Chroma Key

KoolMoves supports Chroma Key which lets you make a color in a video transparent. Chroma Key has been one of the most powerful special effects used in Hollywood. Now you can create that kind of magic with KoolMoves (Flash only export at this time).

See our Products page for more information.

Email us for support     Receive help on FlashKit forum     Receive notification of updates via Twitter     View YouTube examples and tutorials

Copyright © 2000-2019 Lucky Monkey Designs LLC