Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Web design iV

Avatar for Frank Frank
July 25, 2016

Web design iV

Avatar for Frank

Frank

July 25, 2016
Tweet

More Decks by Frank

Other Decks in Programming

Transcript

  1. Contents • Create JS – Introduction to easel JS •

    Stage • Shape • Bitmap • Graphics • Event • Ticker • Shadow • Sprite – Other
  2. Easel.js • 由於多數瀏覽器逐漸淘汰 flash 轉向支援 HTML 5 , 因此 Abode

    推出一套 Create JS 作為提供給以往習 慣使用 Flash 語法開發的使用者加速上手 html 5 下 的 canvas 開發,而 Easel 則是 create.js 提供的其中 一種負責繪圖的函式庫。
  3. Q & A • Q. 為何不寫原生的 canvas 語法 ? A.

    語法較長,必須實作一些圖像處理。 • Q. 我沒學過 flash 可以玩嗎? – A. 可以,大致上理解其類別作用使用這無太大困難。 • Q. 有其他類似的 library 嗎? – A. P5.js 、 processing.js ……
  4. Eeael.js • Create 本身是一個大物件內容包山包海,諸如 Bitmap、Shape、Event … • 怎麼用? – CDN

    大招開下去,注意 create 採用 jQuery 語法做為基底, – 因此引入 create.js 時,必須同時引入 jQuery 並且需要再 easel 前引入。