createjs知識點梳理，持續更新中...

wangdai 發布于2019-08-26 12:20 / 2731人閱讀

摘要：前言一直以來想要研究，卻沒去完整了解，林林總總找過有些案例資料。直到去年，由于工作原因，特意去看了官網文檔，對知識體系有了完整了解。

前言：
一直以來想要研究canvas，卻沒去完整了解，林林總總找過有些案例資料。
直到去年，由于工作原因，特意去看了createjs官網文檔 - https://www.createjs.com，對知識體系有了完整了解。
后面根據網易的一款叫做 "花語月"的解密游戲的h5推廣頁動效，自己仿照做了一個粗糙版本(素材是扣下來的)、以及還有一個產品推廣h5的仿制，這個只仿了一個簡單的頁面。

案例鏈接為：
1. 仿制花與月h5  --  https://seablue001.github.io/h5/moon
2. 仿制##推廣h5  --  https://seablue001.github.io/ejh5/dist

庫介紹：
首先，簡單講一下createjs所提供的幾個庫，一共有四個庫分別對應為 EASELJS(界面元素繪制處理)、TWEENJS(動畫處理)、SOUNDJS(音頻處理)、PRELOADJS(文件預加載處理)。

其中主要大家常用的為 easeljs，至于其它庫文件一般需要到完整項目

- (圖片等資源量大時需要做加載處理)，附加使用preloadjs
- (音頻的播放、暫停等處理) 附加使用soundjs
- (動畫過渡效果添加，讓動畫更流暢) 附加使用tweenjs

庫文件資源下載：
官方提供了完整版(包含4個庫)的 createjs cdn鏈接及git等相關信息便于了解，如下圖

或者分離形式的 4個獨立庫 cdn鏈接及下載鏈接(下載文件里面包含案例examples)，如下圖

庫文件的引入：
我們可以使用script腳本標簽直接鏈接使用 cdn地址對應庫文件，其實也可以使用es6 import語法導入使用，后續配合webpack便于對項目編譯壓縮打包，只是配置相對麻煩，后續專門講解一下具體處理辦法

今天，先總的概括一下，后續開始持續發布對于各個庫的基礎，與案例的實際開發流程、與思路。

溝通：

有需要溝通的可以加我 QQ 1465768310 申請麻煩備注 "createjs交流"

GPU云服務器云服務器 CreateJS linux中進程知識更新中梳理

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/108505.html

程序員寫簡歷時的技術詞匯拼寫規范備忘錄！

摘要：寫在前面每年這個時候又到了求職的旺季。求職前，我們都會花很多的時間在自己的技術水平提升筆面試的準備之上，但往往卻忽略了找工作第一步所需要的一個嚴謹且靠譜的簡歷。而程序員寫簡歷，第一步就是需要注意嚴謹而規范地使用各種技術詞匯。 ...

h9911 2021-10-12 10:12 評論0 收藏0
Vue項目引入CreateJS的方法（親測）

摘要：前言介紹是基于開發的一套模塊化的庫和工具。包含類工具庫提供了一套完整的，層次化的顯示列表的互動方式來更簡單的處理畫布。方法一安裝注意這里下載的版本不是官網最新版本。 1 前言 1.1 CreateJS介紹 showImg(https://segmentfault.com/img/remote/1460000019340654); CreateJS是基于HTML5開發的一套模塊化的庫和...

golden_hamster 2019-08-23 17:51 評論0 收藏0
『不再迷茫 - 正則表達式』JS正則要點梳理持續更新

摘要：寫在前面正在看的源碼看到了部分感覺以前看的正則表達式基礎知識已經完全不夠用了現翻閱博客資料將一些中正則表達式難用的部分總結歸納方便自己和友翻閱正則分組重復匹配對于重復的匹配我們經常使用到正則表達式的分組功能我們使用正則匹配地址來實踐一下假 [TOC] 寫在前面 - Lionad 正在看VueJS的源碼, 看到了HtmlParser部分, 感覺以前看的正則表達式基礎知識已經完全不夠用了,...

SQC 2019-08-26 11:32 評論0 收藏0
剖析 createjs.Graphics

摘要：需要分析第二類。這意味著第二類方法生成的命令會在下次調用是被追加到數組上。另外不會清空數組，卻會把置為見行。功能上在形式上完全一樣，所以只需要分析即可。正好與語式左右互換。在長期使用 createjs 的過程中，我一直有這樣一個經驗：「beginFill 必須在 drawXXX 之前調用，否則 beginFill 會被忽略（是的不報錯）」。但是為什么會這樣，其實并沒有去深究它。今天很...

EasonTyler 2019-08-21 16:18 評論0 收藏0