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