文章詳情頁
Canvas 全是幀動畫嗎? 為啥沒有像CSS3那種緩動動畫?
瀏覽:101日期:2023-02-04 17:11:27
問題描述
如題
才開始學Canvas 。
找遍了好多資料,發現 Canvas 沒有緩動動畫
( 比如 ,畫了一個方塊 ,然后設置他的目標位置 ,然后,他自己就move過去 ,設置一個旋轉,設置時間,他就自己轉過去。)
全是 幀動畫
(畫了一個方塊,然后用定時器,先清理畫布,再重新繪制變動了位置的方塊,然后判斷他的位置是否到達目標,如果沒有,繼續循環,周而復始 直到 達到目的地 )
難道Canvas 真的只有幀動畫 沒有像CSS3那種好用的緩動動畫嗎?
問題解答
回答1:有相關框架噠,比如createjs之類的,自己擼canvas動畫太傷身。。
回答2:可以借助第三方庫,比如tween.js實現,或者用現成框架,省時省力,我用的是HTML5游戲框架Phaser,包含PIXI和tween.js,輕巧,快速,強大,用起來很舒服。
標簽:
CSS
相關文章:
1. java - ehcache緩存用的是虛擬機內存么?2. javascript - JS如何取對稱范圍的隨機數?3. 數據庫 - mysql如何處理數據變化中的事務?4. 關于docker下的nginx壓力測試5. javascript - 有什么兼容性比較好的辦法來判斷瀏覽器窗口的類型?6. java - mongodb分片集群下,count和聚合統計問題7. android - java 泛型不支持數組,那么RxJava的Map集合有什么方便的手段可以定義獲得一串共同父類集合數據呢?8. 服務器端 - 采用nginx做web服務器,C++開發應用程序 出現拒絕連接請求?9. java - 自己制作一個視頻播放器,遇到問題,用的是內置surfaceview類,具體看代碼!10. dockerfile - 我用docker build的時候出現下邊問題 麻煩幫我看一下
排行榜
