成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

CreateJS入門 -- 注釋詳細(xì)到爆炸（My Style）

liangdas / 610人閱讀

摘要：以后所有的文章都會(huì)第一時(shí)間更新到這里，然后同步到其他平臺(tái)。獲取畫布的寬和高，后面計(jì)算使用定義靜態(tài)資源人物動(dòng)作雪碧圖天空地面遠(yuǎn)山近山創(chuàng)建資源加載隊(duì)列用還是用標(biāo)簽來加載如果是的時(shí)候，就用標(biāo)簽來加載，如果不能用標(biāo)簽的話，就用來加載。

寫在前面 
首先，還是謝謝大家的支持，謝謝！記得在之前的文章中我說過自己算是一個(gè)半文藝程序員，也一直想著寫一寫技術(shù)性和其他偏文學(xué)性的文章。雖然自己的底子沒有多么優(yōu)秀，但總是覺得這個(gè)過程中可以督促自己去思考，督促自己去學(xué)習(xí)和交流。畢竟每天忙忙碌碌之余，還是要活出自己不一樣的生活。

其次，我開通了個(gè)人的 GitHub主頁 ，里面有自己的技術(shù)文章，還會(huì)有個(gè)人的隨想、思考和日志。以后所有的文章都會(huì)第一時(shí)間更新到這里，然后同步到其他平臺(tái)。有喜歡的朋友可以沒事去逛逛，再次感謝大家的支持！

什么是CreateJS 
官網(wǎng)介紹 （中文）：CreateJS 是一組模塊化代碼庫和工具套件，可以獨(dú)立工作也可以組合工作，用于通過HTML5技術(shù)來在網(wǎng)頁上開發(fā)豐富的交互式內(nèi)容。
四個(gè)核心庫

CreateJS主要包含如下四個(gè)類庫：

EaselJS – 簡化處理HTML5畫布（核心）

TweenJS – 用來幫助設(shè)計(jì)H5動(dòng)畫，調(diào)整HTML5屬性

SoundJS – 用來簡化處理HTML5 audio 音頻

PreloadJS – 幫助管理和協(xié)調(diào)加載中的一些資源

今天，主要來了解一下 EaselJS 庫

EaselJS

EaselJS 簡介 
EaselJS 是一個(gè)JavaScript庫,用來簡單快捷的操作 HTML5 Canvas 標(biāo)簽。在創(chuàng)建H5游戲，生成藝術(shù)作品、處理其他高級圖形化等工作中有著很友好的體驗(yàn)。
EaselJS中的一些核心類

Stage Class -- 創(chuàng)建舞臺(tái)

Text Class -- 繪制文字

Graphics Class -- 繪制圖形

Shape Class -- 繪制圖形

Bitmap Class -- 繪制圖片

Ticker Class -- 定時(shí)廣播

......等

一些"栗子" 繪制文本(Text Class)

定義一個(gè) 畫布。

// HTML:

調(diào)用EaselJS提供的API - new createjs.Text()，繪制文字

// JS
繪制圖形(Graphics Class)

定義一個(gè) 畫布。

// HTML:

調(diào)用EaselJS提供的API - new createjs.Graphics()，繪制圖形

// JS
繪制圖像imgaes(Bitmap Class)

定義一個(gè) 畫布。

// HTML:

調(diào)用EaselJS提供的API - new createjs.Bitmap()，繪制圖像

// JS
一個(gè)小游戲(來自官網(wǎng)Demo) Running man 定義一個(gè)畫布 




  
  
  
  running-man game
JS代碼

這里就不寫具體思路分析了，代碼不長，注釋也很詳細(xì)，方便理解，直接上代碼。

// JS
完整代碼 
示例demo的GitHub地址：完整代碼

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/52675.html

相關(guān)文章

  • CreateJS入門 -- 注釋詳細(xì)到爆炸（My Style）

    摘要：以后所有的文章都會(huì)第一時(shí)間更新到這里，然后同步到其他平臺(tái)。獲取畫布的寬和高，后面計(jì)算使用定義靜態(tài)資源人物動(dòng)作雪碧圖天空地面遠(yuǎn)山近山創(chuàng)建資源加載隊(duì)列用還是用標(biāo)簽來加載如果是的時(shí)候，就用標(biāo)簽來加載，如果不能用標(biāo)簽的話，就用來加載。 寫在前面 首先，還是謝謝大家的支持，謝謝！記得在之前的文章中我說過自己算是一個(gè)半文藝程序員，也一直想著寫一寫技術(shù)性和其他偏文學(xué)性的文章。雖然自己的底子沒有多么優(yōu)...

    Render 評論0 收藏0

  • H5實(shí)例教學(xué)--從AnimateCC到CreateJS入門

    摘要：源碼以及資源地址下載鏈接密碼首先，打開文件，可以看到庫里面有幾個(gè)待使用的元件我們先用軟件自帶的發(fā)布功能發(fā)布一下快捷鍵也可以在文件里選擇發(fā)布發(fā)布后在文件旁邊會(huì)有一個(gè)和一個(gè)我們打開可以看到這樣的代碼片段我們新建一個(gè)，把生成的部分的代 源碼以及資源地址下載：鏈接: http://pan.baidu.com/s/1kU8LBTH 密碼: j7hu 首先，打開flash文件，可以看到庫里面有幾個(gè)...

    nihao 評論0 收藏0

  • H5實(shí)例教學(xué)--從AnimateCC到CreateJS入門

    摘要：源碼以及資源地址下載鏈接密碼首先，打開文件，可以看到庫里面有幾個(gè)待使用的元件我們先用軟件自帶的發(fā)布功能發(fā)布一下快捷鍵也可以在文件里選擇發(fā)布發(fā)布后在文件旁邊會(huì)有一個(gè)和一個(gè)我們打開可以看到這樣的代碼片段我們新建一個(gè)，把生成的部分的代 源碼以及資源地址下載：鏈接: http://pan.baidu.com/s/1kU8LBTH 密碼: j7hu 首先，打開flash文件，可以看到庫里面有幾個(gè)...

    luckyw 評論0 收藏0

發(fā)表評論

0條評論

最新活動(dòng)
閱讀需要支付1元查看
<