《HTML5交互動畫開發實踐教程》適用于希望學習HTML5新技術以及Web前端開發人員,也可用于高校數字媒體專業、動畫設計專業或網頁開發相關專業的教材。本書不要求閱讀讀者具有編程經驗,不過如果具有編程基礎,那么會對本書內容更容易地了解。教材面向所有對動態網頁和交互動畫感興趣的學生,授課內容將由淺入深,理論和實踐相結合,從基本語法逐漸過渡到學生親自設計動畫交互,激發學生對網頁交互設計的興趣。
《HTML5交互動畫開發實踐教程》分3部分,第一部分是JavaScript腳本語言的基本教程,在該部分集中講述了用于web網頁開發的腳本語言JavaScript,用簡明通俗的語言介紹了JavaScript的面向對象技術;第二部分講解了HTML5畫布的基本繪圖、高級繪圖及基于引擎的繪圖功能;第三部分則以動畫的例程和休閑游戲例程來講述如何利用原生的HTML5畫布功能來設計動畫與休閑游戲的開發。通過本書系統的學習,學生可以掌握JavaScript的面向對象技術、HTML5的圖形功能、動畫和休閑游戲的開發及編程技術。
本書適用于希望學習HTML5新技術以及Web前端開發人員,也可用于高校數字媒體專業、動畫設計專業或相關專業的教材。本書不要求讀者具有編程經驗,不過如果具有編程基礎,那么會對本書內容更容易地了解。通過本書系統的學習,讀者可以掌握JavaScript的面向對象技術、HTML5的圖形功能、動畫和休閑游戲的編程及開發技術。
本書共分為3個部分,第一部分是JavaScript腳本語言的基本教程,在該部分集中講述了用于web網頁開發的腳本語言JavaScript,用簡明通俗的語言介紹了JavaScript的面向對象技術;第二部分講解了HTML5的畫布的基本繪圖、高級繪圖及基于引擎的繪圖功能;第三部分則以動畫的例程和休閑游戲例程來講述如何利用原生的HTML5畫布功能來設計動畫與休閑游戲的開發。
第一部分:
第1章 基本概念:這一章簡單介紹了HTML5的發展現狀,并且演示了搭建開發環境的步驟流程。
第2章 編程基礎:本章開始介紹JavaScript的基本語法,包括有變量命名、數據類型與運算符的作用,編程的書寫規范。讀者可以了解到JavaScript與C風格語言的相似之處與不同點,并為之后的學習內容打好基礎。
第3章 基本流程控制:本章中講述了JavaScript用于流程控制的基本語句,包括有順序語句、條件語句和判斷語句。
第4章 函數:這一章中,讀者可以學習到函數的定義方法,函數參數和返回值的相關知識,讀者可以嘗試編寫一個函數并在語句中調用這個函數。
第5章 引用類型:本章介紹了JavaScript中的核心類型,即引用類型。JavaScript是一種基于對象的語言,因此在JavaScript中非常多概念都是通過一個對象來實現,甚至連函數也是一個對象。讀者可以從本章學習到JavaScript中的內置對象以及訪問對象的屬性和方法。
第6章 面向對象編程:本章中介紹了如何在JavaScript中編寫面向對象編程的代碼,包括對象的封裝、繼承和多態的實現。
第二部分:
第7章 Canvas基本功能:這一章中介紹了畫布提供的基本繪圖功能,讀者可以在這章中學到如何利用畫布提供的方法來實現在畫布上下文中繪圖,以及改變繪圖屬性來繪制不同樣式的圖案。
第8章 Canvas高級功能:這一章在第7章的基礎上,更深一層次地講述了畫布提供的高級繪圖功能。利用這一章中的內容,讀者可以繪制出帶有更加復雜效果的圖案。
第9章 CVIDrawJS繪圖部分:本章介紹了中山大學自主研制的CVIDrawJS游戲引擎的繪圖部分的功能。通過面向對象編程把繪圖方法封裝在對象之中,使得開發者可以方便地調用繪圖對象的方法來快速繪圖。
第三部分:
第10章 預備知識:本章中介紹了動畫的形成過程和瀏覽器上的設備響應的實現。這一章主要是為第11、12章的內容做基礎。讀者可以在這一章中學習到矩陣變換所形成的動畫和精靈動畫,以及與瀏覽器進行交互的方法。
第11章 HTML5動畫設計:本章以一個魚游動動畫的設計為主線,一步步介紹了如何使用HTML5的原生接口進行動畫的制作于設計。讀者可以學到簡單動畫的設計過程。
第12章 HTML5休閑游戲設計:本章介紹了瀏覽器上休閑小游戲的制作過程。其中游戲制作的過程從簡單的游戲原型開始,一步步增添功能和完善游戲,帶領讀者了解一個簡單的休閑游戲制作的全過程。
感謝讀者選擇使用本書。作為一種新的標準,HTML5仍在不斷發展和完善著,書稿雖然幾經修改,但仍難免掛一漏萬,希望讀者能夠不吝指正。
編者 2014年9月
第一部分
第1章 基本概念
1.1 了解HTML5
1.1.1 什么是HTML5
1.1.2 HTML5新特性
1.1.3 HTML5發展趨勢
1.2 了解JavaScript
1.2.1 什么是JavaScript
1.2.2 核心(ECMAScript)
1.2.3 文檔對象模型(DOM)
1.2.4 瀏覽器對象模型(BOM)
1.3 搭建開發環境
1.3.1 開發環境介紹
1.3.2 代碼編輯器
1.3.3 瀏覽器
1.4 在HTML文檔中使用JavaScript
1.4.1 新建HTML文檔
1.4.2 直接嵌入JavaScript
1.4.3 嵌入JavaScript腳本文件
1.5 小結
1.6 習題
第2章 編程基礎
2.1 編程規范
2.1.1 注釋
2.1.2 命名規范
2.2 變量
2.2.1 變量命名
2.2.2 變量聲明和賦值
2.2.3 變量的作用域
2.3 數據類型
2.3.1 Undefined類型
2.3.2 Null類型
2.3.3 Number類型
2.3.4 Boolean類型
2.3.5 string類型
2.3.6 Object類型
2.4 運算符與表達式
2.4.1 表達式的含義
2.4.2 Javascript中的運算符
2.4.3 運算符的優先級
2.4.4 運算符的結合性
2.4.5 算術運算符
2.4.6 關系運算符
2.4.7 邏輯運算符
2.4.8 條件運算符
2.4.9 位操作運算符
2.4.10 其他運算符
2.5 小結
2.6 習題
第3章 基本流程控制
3.1 if語句
3.2 switch語句
3.3 while語句
3.4 do—whne語句
3.5 for語句
3.6 forin語句
3.7 break和continue語句
……
第二部分
第三部分