問題描述

如題

才開始學(xué)Canvas 。

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

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

全是 幀動(dòng)畫

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

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

問題解答

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

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