問題描述

如題

才開始學(xué)Canvas 。

找遍了好多資料，發(fā)現(xiàn) Canvas 沒有緩動動畫

（ 比如 ，畫了一個方塊 ，然后設(shè)置他的目標(biāo)位置 ，然后，他自己就move過去 ，設(shè)置一個旋轉(zhuǎn)，設(shè)置時間，他就自己轉(zhuǎn)過去。）

全是 幀動畫

（畫了一個方塊，然后用定時器，先清理畫布，再重新繪制變動了位置的方塊，然后判斷他的位置是否到達(dá)目標(biāo)，如果沒有，繼續(xù)循環(huán)，周而復(fù)始 直到 達(dá)到目的地 ）

難道Canvas 真的只有幀動畫 沒有像CSS3那種好用的緩動動畫嗎？

問題解答

有相關(guān)框架噠，比如createjs之類的，自己擼canvas動畫太傷身。。

可以借助第三方庫，比如tween.js實現(xiàn)，或者用現(xiàn)成框架，省時省力，我用的是HTML5游戲框架Phaser，包含PIXI和tween.js，輕巧，快速，強大，用起來很舒服。