如果你想用令人難以置信的動(dòng)畫創(chuàng)建引人注目的網(wǎng)站的話，那么這里為設(shè)計(jì)師精心挑選了一些必備的HTML5動(dòng)畫工具。HTML5是設(shè)計(jì)師用來(lái)打造時(shí)尚網(wǎng)站的最流行的編程語(yǔ)言之一。在過(guò)去三年內(nèi)，這種編程語(yǔ)言的使用人數(shù)急劇增長(zhǎng)。開(kāi)發(fā)人員可以使用這種語(yǔ)言來(lái)創(chuàng)建各種改進(jìn)的內(nèi)容并放到萬(wàn)維網(wǎng)上。隨著每一個(gè)新版本的發(fā)布，HTML通過(guò)更好的功能和技術(shù)漸漸占據(jù)了制高點(diǎn)。

HTML5使用起來(lái)非常方便，并且能夠提供多種功能，例如內(nèi)置的視覺(jué)元素，指定的結(jié)構(gòu)標(biāo)記，互動(dòng)的拖放功能，等等，開(kāi)發(fā)人員可以利用這些功能來(lái)創(chuàng)建充滿吸引力的網(wǎng)站。此外，它還擁有現(xiàn)代瀏覽器，如Chrome，IE和Firefox的支持。使用HTML5創(chuàng)建的動(dòng)畫可以使得網(wǎng)站更吸引用戶的眼球，從而達(dá)成更多的業(yè)務(wù)。但是，創(chuàng)建動(dòng)畫是一個(gè)耗時(shí)且繁瑣的過(guò)程。為了簡(jiǎn)化這個(gè)過(guò)程，現(xiàn)在的市場(chǎng)上有許多可用的HTML5動(dòng)畫工具。既有付費(fèi)的，也有免費(fèi)的，都可以幫助你為你的網(wǎng)站創(chuàng)造驚艷的動(dòng)畫。這里我們將列出其中一些必要的HTML5動(dòng)畫工具。

1.Animatron

使用直觀的Animatron編輯器來(lái)設(shè)計(jì)和發(fā)布動(dòng)畫和交互內(nèi)容，這些動(dòng)畫和交互內(nèi)容可應(yīng)用于從臺(tái)式機(jī)到移動(dòng)設(shè)備的每個(gè)地方。

官方網(wǎng)站：https://www.animatron.com/

2.blysk

使用你曾經(jīng)在其他動(dòng)畫工具上的經(jīng)驗(yàn)，只要一秒鐘就可以開(kāi)始使用Blysk工作——我們都不希望重新發(fā)明輪子，這是一個(gè)內(nèi)置于瀏覽器的優(yōu)秀工具。

官方網(wǎng)站：http://bly.sk/

3.Createjs

這是一個(gè)可以使得工作于HTML5 Canvas元素變得容易的JavaScript庫(kù)。對(duì)于創(chuàng)建游戲、生成藝術(shù)和其他高度圖形化的體驗(yàn)非常有用。

官方網(wǎng)站：http://www.createjs.com/EaselJS

4.Hippo Studios

Hippani Animator是一款流行的HTML動(dòng)畫工作室。它可以很容易制作可擴(kuò)展的交互式動(dòng)畫，復(fù)雜的游戲，視頻，演示，app和多媒體網(wǎng)站。比其他任何HTML5動(dòng)畫制作軟件能發(fā)布更多在網(wǎng)頁(yè)瀏覽器和設(shè)備上。

官方網(wǎng)站：https://www.hippostudios.co/

5.HTML5 Maker

HTML5MAKER Online Editor支持所有流行的文本過(guò)濾器，所以你不需要用Photoshop創(chuàng)建看起來(lái)酷的文本。這里為你提供了大量的圖像集合，既可以用于你的項(xiàng)目，也可以改變屬性并創(chuàng)建一種驚艷的類似于照片分享的效果。你可以創(chuàng)造出令人吃驚的轉(zhuǎn)換和緩沖的動(dòng)畫，當(dāng)然還有時(shí)間軸，它允許你完全控制你動(dòng)畫。

官方網(wǎng)站：http://html5maker.com/#/

6.Mixeek

官方網(wǎng)站：http://www.mixeek.com/

7.Mugeda

Mugeda致力于為富媒體內(nèi)容提供基于云的解決方案。Mugeda平臺(tái)，一種在線的基于HTML5的技術(shù)，可用來(lái)打造專業(yè)的HTML5富媒體創(chuàng)意，這些創(chuàng)意可以被部署到如計(jì)算機(jī)，智能手機(jī)，平板電腦和智能電視這樣的智能設(shè)備。

官方網(wǎng)站：https://www.mugeda.com/index.php

8.Radiapp

官方網(wǎng)站：http://radiapp.com/

9.Sencha

官方網(wǎng)站：http://www.sencha.com/products/space

10.Tumult Hype

官方網(wǎng)站：http://tumult.com/hype/

以上就是10個(gè)設(shè)計(jì)師必看的HTML5動(dòng)畫工具。

譯文鏈接：http://www.codeceo.com/article/10-html5-animation-tools.html
英文原文：10 Essential HTML5 Animation Tools For Designers