Canvas 2D 網頁平面繪圖與遊戲開發

前言

以HTML5 為基礎的Web 應用程式開發是大勢所趨， 已勢不可逆。

Canvas 是HTML5 相關技術中最令人著迷的特性，它提供了在Web應用程式

上繪圖和處理圖形的功能，當你要使用HTML5 開發Web 應用程式時，這是

必不可少的。

不管是實現漂亮的GUI，還是實現商業圖表，或極具吸引力的動畫，Canvas 都是必須要精通的。以HTML5 為基礎的Web 應用程式是帶你進入應用程式精彩殿堂的鑰匙，而Canvas 是鑰匙上鑲嵌的燦爛寶石。Canvas 還是網頁遊戲開發的首選技術之一，尤其是在行動領域，它是開發人員的不二之選。

本書為Canvas 開發和設計提供一個從入門到精通、完整系統的指南，透過大量範例精細說明，涵蓋了Canvas 中的所有特性，還深入剖析其內部原理，讓讀者不僅知其然，而且知其所以然。

前言

以HTML5 為基礎的Web 應用程式開發是大勢所趨， 已勢不可逆。

Canvas 是HTML5 相關技術中最令人著迷的特性，它提供了在Web應用程式

上繪圖和處理圖形的功能，當你要使用HTML5 開發Web 應用程式時，這是

必不可少的。

不管是實現漂亮的GUI，還是實現商業圖表，或極具吸引力的動畫，Canvas 都是必須要精通的。以HTML5 為基礎的Web 應用程式是帶你進入應用程式精彩殿堂的鑰匙，而Canvas 是鑰匙上鑲嵌的燦爛寶石。Canvas 還是網頁遊戲開發的首選技術之一，尤其是在行動領域，它是開發人員的不二之選。

本書為Canvas 開發和設計提供...

第一篇 Canva繪圖和動畫基礎篇
第01章 動畫基本原理概述
第02章 使用Canvas 畫布在網頁上繪製圖
第03章 使用Canvas 2D Context API
第04章 使用路徑繪製圖形
第05章 實戰案例：建立Chart 圖表
第06章 實戰進階繪圖技巧
第07章 綜合案例：實戰Canvas 動畫的原理及實現

第二篇 Canvas 進階篇
第08章 點陣圖處理和精靈動畫的實現
第09章 實戰使用Canvas 實現超酷視訊特效
第10章 建立人機互動
第11章 物件導向程式設計（OOP）的繪圖和事件處理
第12章 拾取和碰撞檢測
第13章 Canvas 效能最佳化

第三篇 Canvas 遊戲開發實戰篇
第14章 拼圖遊戲
第15章 打地鼠遊戲
第16章 記憶翻牌遊戲
第17章 同色快消遊戲
第18章 打飛碟遊戲
第19章 射擊遊戲

第四篇 Canvas 框架應用和開發篇
第20章 CreateJS 框架入門
第21章 向量繪圖和點陣圖處理
第22章 顯示物件、顯示物件容器和顯示清單
第23章 使用濾鏡和陰影
第24章 CreateJS 互動操作和事件處理
第25章 使用SoundJS 播放音訊
第26章 使用TweenJS 製作補間動畫
第27章 使用PreloadJS 載入資源
第28章 使用Flash 結合CreateJS

第五篇 附錄
附錄A Canvas 2D 和WebGL 3D 結合使用
附錄B 結合CSS 過渡效果和2D 轉換實現動畫
附錄C 參考文獻以及資料來源

第一篇 Canva繪圖和動畫基礎篇
第01章 動畫基本原理概述
第02章 使用Canvas 畫布在網頁上繪製圖
第03章 使用Canvas 2D Context API
第04章 使用路徑繪製圖形
第05章 實戰案例：建立Chart 圖表
第06章 實戰進階繪圖技巧
第07章 綜合案例：實戰Canvas 動畫的原理及實現

第二篇 Canvas 進階篇
第08章 點陣圖處理和精靈動畫的實現
第09章 實戰使用Canvas 實現超酷視訊特效
第10章 建立人機互動
第11章 物件導向程式設計（OOP）的繪圖和事件處理
第12章 拾取和碰撞檢測
第13章 Canvas 效能最佳化

第三篇 Canvas 遊戲開發實戰...