Canvas 核心技術

2021-09-11 10:50:43 字數 546 閱讀 1182

最近專案需求中要寫較多h5小遊戲,遊戲本身體量不是很複雜,主要是承載較多業務邏輯,所以決定用canvas來完成遊戲部分。之前只是知道h5中有canvas這個東西,也知道它大概是畫圖的,但具體怎麼用,還是一無所知的。在mdn在看了一些相關資料,一口氣也看了html 5 canvas 核心技術和html5 2d 遊戲程式設計核心技術,對canvas h5 遊戲程式設計有了大致的了解,發現canvas遊戲程式設計其實挺有趣的。目前也在學習webgl相關知識,打算把前端視覺化這一塊也深入學習。現在先記錄一些自己認為canvas比較重要的知識,回顧和再學習。後續在記錄webgl相關知識。

主要知識點

基礎知識,學習如何繪製線段,圖形,,文字等。

動畫知識,學習如何用canvas實現簡單的動畫以及相關影響因素

碰撞檢測,學習如何檢測兩個物體在運動過程中是否發生碰撞

2d遊戲開發,學習用canvas開發2d遊戲

canvas相關小知識點

在學習過程中,最好是自己能動手實現,我就專門建了乙個canvas demo的專案,裡面都是自己在學習canvas時動手寫的一些例子,感興趣的可以去看看。

Canvas 核心技術

最近專案需求中要寫較多h5小遊戲,遊戲本身體量不是很複雜,主要是承載較多業務邏輯,所以決定用canvas來完成遊戲部分。之前只是知道h5中有canvas這個東西,也知道它大概是畫圖的,但具體怎麼用,還是一無所知的。在mdn在看了一些相關資料,一口氣也看了html 5 canvas 核心技術和html...

Docker核心技術

執行在同樣的主機上,docker容器共用乙個container,而虛擬機器則使用自己的作業系統上的container,虛擬機器之間擁有比docker更好的隔離性,但docker相對於虛擬機器來說有更多的優勢,比如虛擬機器作業系統的存在額外占用了更多的計算資源,其次,從空間占用上,虛擬機器基本都是gb...

PHP核心技術

1.寫乙個能建立多級目錄的php函式 2.寫一段php 確保多個程序寫入檔案成功 3.寫乙個php函式,盡可能高效地從乙個標準的url裡取出檔案的副檔名,例如 http 需要取出php或者.php 方法一 方法二 4.寫乙個php函式,能夠遍歷乙個資料夾下的所有檔案和子資料夾 5.簡述論壇中無限分類...