您的位置:首頁技術文章
文章詳情頁

Canvas 全是幀動畫嗎? 為啥沒有像CSS3那種緩動動畫?

瀏覽:115日期:2023-02-04 17:11:27

問題描述

如題

才開始學Canvas 。

找遍了好多資料,發現 Canvas 沒有緩動動畫

( 比如 ,畫了一個方塊 ,然后設置他的目標位置 ,然后,他自己就move過去 ,設置一個旋轉,設置時間,他就自己轉過去。)

全是 幀動畫

(畫了一個方塊,然后用定時器,先清理畫布,再重新繪制變動了位置的方塊,然后判斷他的位置是否到達目標,如果沒有,繼續循環,周而復始 直到 達到目的地 )

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

問題解答

回答1:

有相關框架噠,比如createjs之類的,自己擼canvas動畫太傷身。。

回答2:

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

標簽: CSS
相關文章:
国产综合久久一区二区三区