簡簡單單創建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，使用一行簡單的代碼即可將其添加到網頁或發布到網上。