Contents

Player Image Editor

Export Exporting

Hippani Animator can export your movie to 'HTML', 'Widget', 'Image', 'GIF' or 'Video'.


Exporting 1

HTML HTML

Export • Export the HTML and Media files, just the HTML, or a clean export of HTML and media files which removes any old unused files.

Frame Rate • The number of frames per second. Hippani Animator uses twelve key frames per second but the actual number of frames can be different.

Use the frame rate to optimize the smoothness of the animation. Modern desktop browser should be able to cope with the maximum frame rate. However complex animation on an old smart phone might struggle. The dynamic frame rate changes depending on the screen width, larger screens are assumed to have a have a faster processor so use a higher frame rate.


Media Folder • The name of the folder to store any images and sounds in. The value Name will be substituted with the name of your movie.

Use Plugins • Include the Adobe Flash plugin. This will allow audio and video to be compatible with more web browsers. Turn this off for a pure HTML5 solution.

Output Folder • The location on your computer where the movie will be exported.

Web App • Some phones and tablets allow web pages to be run as an app. Set an icon in the movie properties for the phones home screen.

Offline Cache • Allow the web page to be cached and viewed offline. Only some modern browsers support this feature. To allow offline caching you must add the mime type '.appcache' to your web server and set it to 'text/cache-manifest'.

Show Errors • Include error messages, and debugging information in the HTML export. This will make the file size larger.

Play After Export • Play the movie after it has been exported.

The exported HTML movie will be shown in a test page. There is also a page just for the movie.

The movie can be show on its own or added to any web page using the iframe code provided. Follow the instructions on the test page for more information.


HTML 2

Some web browsers may temporarily block JavaScript. This won't be a problem when the page is hosted on the internet.


HTML IEWarning

Widget Widget

Export a widget, also called a packaged app. Widgets are a standard way of packaging HTML apps. Widgets can be used by software applications such as PhoneGap, Cordova or Intel XDK to create mobile phone apps for iOS, iPhone, iPad, Android and Windows Phone. Widgets are also supported by some phones and web browsers. See http://www.w3.org/TR/widgets/ for more information.


Frame Rate • The number of frames per second. Hippani Animator uses twelve key frames per second but the actual number of frames can be different.

Use the frame rate to optimize the smoothness of the animation. Modern desktop browser should be able to cope with the maximum frame rate. However complex animation on an old smart phone might struggle. The dynamic frame rate changes depending on the screen width, larger screens are assumed to have a have a faster processor so use a higher frame rate.


Orientation • Lock the orientation of the app to landscape or portrait.

The orientation lock requires a plugin when building phone apps with PhoneGap, Cordova or Intel XDK. This plugin is automatically available when using build.phonegap.com. However, it may need to be installed when using Cordova or Intel XDK.


net.yoik.cordova.plugins.screenorientation

Use Plugins • When building phone apps using PhoneGap, Cordova or Intel XDK, plugins allow advanced features such as orientation and audio.

Output Folder • The location on your computer where the movie will be exported.

File Extension • The standard file extension of a widget is .wgt.PhoneGap requires packaged apps with a .zip extension. To use Cordova or Intel XDK to create phone apps, set the extension to 'None'. This will create the widget as a folder of files.

Show Errors • Include error messages, and debugging information in the HTML export. This will make the file size larger.

Show After Export • Show the result after the movie has been exported.

Upload widgets to Build.PhoneGap.com and create mobile phone apps for iOS, iPhone, iPad, Android and Windows Phone. Choose .zip as the widgets file extension. Make sure to set the id, icon, description, author, website and e-mail in the movie properties. Before an app can be distributed, it will need to be signed with a code sign certificate.


Widget PhoneGapExample

Creating Phone Apps

Image Image

All Frames • Export all the frames of the movie.

Start Frame • Start the export at this frame.

End Frame • End the export at this frame.

Output Folder • The location on your computer where the movie will be exported.

Show After Export • Show the result after the movie has been exported.

GIF GIF

Loop • The exported GIF will repeat.

Transparent • Include a transparent color.

Color • The color that will be made transparent.

All Frames • Export all the frames of the movie.

Start Frame • Start the export at this frame.

End Frame • End the export at this frame.

Output Folder • The location on your computer where the movie will be exported.

Show After Export • Show the result after the movie has been exported.

Video Video

Frame Rate • The number of frames per second. Hippani Animator uses twelve key frames per second but the actual number of frames can be different.

All Frames • Export all the frames of the movie.

Start Frame • Start the export at this frame.

End Frame • End the export at this frame.

Output Folder • The location on your computer where the movie will be exported.

Show After Export • Show the result after the movie has been exported.

Videos are exported in uncompressed AVI format. The maximum file size is 1GB.

Once exported, there are many 3rd party tools available for converting video into MP4, WEBM or OGG. Publish converted videos on your website, or upload to video hosting websites such as YouTube or Vimeo.


Player Image Editor