简简单单创建HTML动画

童乐安

首先，下载并安装Hippo Animator。该软件有三种版本，最后一项Starter Edition供个人用户自由使用，该版本为基本的HTML动画和GIF动画创建提供了足夠的特性，我们可以选择安装该版本（图1）。

启动软件后点击New按钮新建动画文件。从左侧栏中选择动画类型，然后点击Create按钮新建动画（图2）。

通过软件窗口上部的工具栏按钮，向库中添加预置的各种对象，包括线条、形状、图像、文本、按钮、声音、链接、热点等。然后，从库中拖动对象到空白画布上。此外，还可以通过Import按钮，导入各种图像、声音甚至视频（图3）。如果觉得对象形状或大小不合适，可使用右边的属性窗格更改其形状和样式。

将对象放到适当的位置后，右键单击时间线，然后选择AddFrame添加帧（图4）。将时间线滑块向右移动，移动得越多，下一个动画需要的时间就越长。

选择要成为动画的对象，并将其移动到一个新的位置。形状和类型也可以调整。再次右键单击时间线添加帧，如此继续，直到所有的对象都按照希望的方式设置为动画的形式。

动画设置完成后，点击Export按钮，并选择所需的格式来导出动画。

Hippo Animator创建的动画可用在PC、iPhone，iPad和Android平台的Internet Explorer、Firefox、Chrome、Safari、Opera等浏览器环境中，实现跨平台使用。动画创建后，导出为HTML、GIF或PNG，使用一行简单的代码即可将其添加到网页或发布到网上。