HTML5網(wǎng)頁(yè)游戲設(shè)計(jì)從基礎(chǔ)到開發(fā)（第2版·微課視頻版）

第1部分基礎(chǔ)篇
第1章HTML5概述
1．1HTML基礎(chǔ)
1．1．1HTML的定義
1．1．2HTML的歷史
1．2HTML基礎(chǔ)
1．2．1HTML基礎(chǔ)知識(shí)
1．2．2HTML基本標(biāo)記
1．3HTML5的新特性
1．3．1簡(jiǎn)化的文檔類型和字符集
1．3．2HTML5的新結(jié)構(gòu)
1．3．3支持本地存儲(chǔ)
1．3．4全新的表單設(shè)計(jì)
1．3．5強(qiáng)大的繪圖功能
1．3．6獲取地理位置信息
1．3．7支持多媒體功能
1．3．8支持多線程
第2章JavaScript語(yǔ)法基礎(chǔ)
2．1JavaScript語(yǔ)言
2．1．1JavaScript語(yǔ)言概述 
2．1．2運(yùn)行JavaScript語(yǔ)言 
2．2基本語(yǔ)法
2．2．1數(shù)據(jù)類型
2．2．2常量和變量
2．2．3注釋
2．2．4運(yùn)算符和表達(dá)式
2．3常用控制語(yǔ)句
2．3．1選擇結(jié)構(gòu)語(yǔ)句
2．3．2循環(huán)結(jié)構(gòu)語(yǔ)句
2．4函數(shù)
2．4．1創(chuàng)建自定義函數(shù)
2．4．2調(diào)用函數(shù)
2．4．3變量的作用域
2．4．4函數(shù)的返回值
2．4．5定義函數(shù)庫(kù)
2．4．6JavaScript內(nèi)置函數(shù)
2．5調(diào)試JavaScript程序的方法
2．5．1定位JavaScript程序中的錯(cuò)誤
2．5．2開發(fā)者工具調(diào)試代碼
2．5．3Visual Studio Code中調(diào)試JavaScript代碼
 
 
第3章JavaScript事件處理
3．1JavaScript事件的基本概念
3．1．1事件類型
3．1．2JavaScript處理事件的基本機(jī)制
3．2JavaScript綁定事件的方法
3．3JavaScript事件的event對(duì)象
3．3．1獲取event對(duì)象
3．3．2JavaScript獲取鼠標(biāo)坐標(biāo)
3．3．3JavaScript獲取事件源
3．4JavaScript取消瀏覽器默認(rèn)動(dòng)作
第4章JavaScript面向?qū)ο蟪绦蛟O(shè)計(jì)
4．1面向?qū)ο蟪绦蛟O(shè)計(jì)思想簡(jiǎn)介
4．1．1對(duì)象的概念
4．1．2面向?qū)ο缶幊?br />4．2JavaScript類的定義和實(shí)例化
4．2．1類的定義
4．2．2創(chuàng)建對(duì)象(類的實(shí)例化)
4．2．3通過對(duì)象直接初始化創(chuàng)建對(duì)象
4．3JavaScript訪問和添加對(duì)象的屬性和方法
4．3．1訪問對(duì)象的屬性和方法
4．3．2向?qū)ο筇砑訉傩院头椒?br />4．4繼承
4．4．1原型實(shí)現(xiàn)繼承
4．4．2構(gòu)造函數(shù)實(shí)現(xiàn)繼承
4．4．3重新定義繼承的方法
4．5JavaScript內(nèi)置對(duì)象
4．5．1JavaScript的內(nèi)置對(duì)象框架
4．5．2基類Object
4．5．3Date類
4．5．4String類
4．5．5Array類
4．5．6Math對(duì)象
4．5．7Object對(duì)象
4．6HTML DOM編程
4．6．1HTML DOM框架
4．6．2Document 對(duì)象
4．6．3Node(節(jié)點(diǎn))對(duì)象
4．6．4NodeList對(duì)象
4．7ES6簡(jiǎn)介
4．7．1變量相關(guān)
4．7．2數(shù)據(jù)類型
4．7．3對(duì)象
4．7．4class類
4．7．5箭頭函數(shù)
第5章使用Canvas畫圖
5．1Canvas元素
5．1．1Canvas元素的定義語(yǔ)法
5．1．2使用JavaScript獲取網(wǎng)頁(yè)中的Canvas對(duì)象
5．2坐標(biāo)與顏色
5．2．1坐標(biāo)系統(tǒng)
5．2．2顏色的表示方法
5．3繪制圖形
5．3．1繪制直線
5．3．2繪制矩形
5．3．3繪制圓弧
5．4描邊和填充
5．4．1描邊
5．4．2填充圖形內(nèi)部
5．4．3漸變顏色
5．4．4透明顏色
5．5繪制圖像與文字
5．5．1繪制圖像
5．5．2組合圖形
5．5．3輸出文字
5．6圖形的操作
5．6．1保存和恢復(fù)繪圖狀態(tài)
5．6．2圖形的變換
5．7HTML5 Canvas動(dòng)畫實(shí)例
5．7．1動(dòng)畫的概念及原理
5．7．2游戲人物的跑步動(dòng)畫
5．7．3雪花飄落動(dòng)畫
第6章CSS3和jQuery動(dòng)畫
6．1CSS3語(yǔ)法基礎(chǔ)
6．1．1CSS基本語(yǔ)句
6．1．2在HTML文檔中應(yīng)用CSS樣式
6．1．3CSS 選擇器
6．2CSS3動(dòng)畫
6．2．1變形
6．2．2過渡變換
6．2．3動(dòng)畫
6．3jQuery基礎(chǔ)
6．3．1認(rèn)識(shí)jQuery語(yǔ)法
6．3．2元素的屬性與文本內(nèi)容控制
6．3．3CSS樣式控制
6．3．4元素的操作
6．3．5事件和Event對(duì)象
6．4jQuery動(dòng)畫
6．4．1顯示和隱藏HTML元素
6．4．2淡入淡出效果
6．4．3滑動(dòng)效果
6．4．4自定義動(dòng)畫
6．4．5動(dòng)畫隊(duì)列
第2部分實(shí)戰(zhàn)篇
第7章人物拼圖游戲
7．1人物拼圖游戲介紹
7．2人物拼圖游戲設(shè)計(jì)的思路
7．3人物拼圖游戲設(shè)計(jì)的步驟
第8章?lián)淇朔朴螒?br />8．1撲克翻牌游戲介紹
8．2撲克翻牌游戲設(shè)計(jì)的思路
8．2．1HTML5倒計(jì)時(shí)功能
8．2．2撲克牌的顯示與隱藏
8．2．3撲克牌的刪除
8．2．4添加刪除類別Class
8．3撲克翻牌游戲設(shè)計(jì)的步驟
8．3．1設(shè)計(jì)CSS(matchgame．css)
8．3．2游戲頁(yè)面index．html
8．3．3設(shè)計(jì)腳本(matchgame．js)
第9章推箱子游戲
9．1推箱子游戲介紹
9．2推箱子游戲設(shè)計(jì)的思路
9．3推箱子游戲設(shè)計(jì)的步驟
9．3．1游戲頁(yè)面pushbox．html
9．3．2設(shè)計(jì)腳本(pushbox1．js)
第10章五子棋游戲
10．1五子棋游戲介紹
10．2五子棋游戲設(shè)計(jì)的思路
10．3關(guān)鍵技術(shù)
10．3．1判斷輸贏的算法
10．3．2圖形上色
10．4五子棋游戲設(shè)計(jì)的步驟
10．4．1游戲頁(yè)面five．html
10．4．2設(shè)計(jì)腳本(Main．js)
10．5人機(jī)五子棋游戲的開發(fā)
第11章黑白棋游戲
11．1黑白棋游戲介紹
11．2黑白棋游戲設(shè)計(jì)的思路
11．2．1棋子和棋盤
11．2．2翻轉(zhuǎn)對(duì)方的棋子
11．2．3顯示執(zhí)棋方可落子位置
11．2．4判斷勝負(fù)的功能
11．3關(guān)鍵技術(shù)
11．3．1Canvas對(duì)象支持的JavaScript的鼠標(biāo)事件
11．3．2獲取鼠標(biāo)在Canvas對(duì)象上的坐標(biāo)
11．4黑白棋游戲設(shè)計(jì)的步驟
11．4．1游戲頁(yè)面index.html
11．4．2設(shè)計(jì)腳本(Main．js)
第12章俄羅斯方塊游戲
12．1俄羅斯方塊游戲介紹
12．2俄羅斯方塊游戲設(shè)計(jì)的思路
12．2．1俄羅斯方塊形狀設(shè)計(jì)
12．2．2俄羅斯方塊游戲面板屏幕
12．2．3定位和旋轉(zhuǎn)形狀
12．3俄羅斯方塊游戲設(shè)計(jì)的步驟
12．3．1游戲頁(yè)面index.html
12．3．2設(shè)計(jì)腳本
第13章貪吃蛇游戲
13．1貪吃蛇游戲介紹
13．2貪吃蛇游戲設(shè)計(jì)的思路
13．3貪吃蛇游戲設(shè)計(jì)的步驟
13．3．1游戲頁(yè)面index.html
13．3．2設(shè)計(jì)腳本
第14章雷電飛機(jī)射擊游戲
14．1雷電飛機(jī)射擊游戲介紹
14．2雷電飛機(jī)射擊游戲設(shè)計(jì)的思路
14．2．1游戲素材
14．2．2地圖滾動(dòng)的原理實(shí)現(xiàn)
14．2．3飛機(jī)和子彈的實(shí)現(xiàn)
14．3游戲關(guān)鍵技術(shù)——碰撞檢測(cè)
14．3．1矩形碰撞
14．3．2圓形碰撞
14．3．3像素碰撞
14．3．4Image對(duì)象
14．4雷電飛機(jī)射擊游戲設(shè)計(jì)的步驟
14．4．1設(shè)計(jì)子彈類
14．4．2設(shè)計(jì)飛機(jī)類
14．4．3爆炸類
14．4．4設(shè)計(jì)主程序
14．4．5游戲頁(yè)面plan3.html
第15章Flappy Bird游戲
15．1Flappy Bird游戲介紹
15．2Flappy Bird游戲設(shè)計(jì)的思路
15．2．1游戲素材
15．2．2游戲?qū)崿F(xiàn)的原理
15．3Flappy Bird游戲設(shè)計(jì)的步驟
15．3．1設(shè)計(jì)Bird類(小鳥類)
15．3．2設(shè)計(jì)Obstacle類(管道障礙物類)
15．3．3設(shè)計(jì)FlappyBird類
15．3．4主程序
15．3．5游戲頁(yè)面index.html
第16章中國(guó)象棋游戲
16．1中國(guó)象棋游戲介紹
16．2中國(guó)象棋游戲設(shè)計(jì)的思路
16．2．1棋盤表示
16．2．2棋子表示
16．2．3走棋規(guī)則
16．2．4坐標(biāo)轉(zhuǎn)換
16．3中國(guó)象棋游戲設(shè)計(jì)的步驟
16．3．1設(shè)計(jì)棋子類(Chess．js)
16．3．2設(shè)計(jì)游戲邏輯(ChessGame．js)
16．3．3游戲頁(yè)面index.html
第17章基于lufylegend游戲引擎開發(fā)
17．1lufylegend游戲引擎介紹
17．1．1游戲引擎原理
17．1．2引入lufylegend游戲引擎
17．1．3利用引擎初始化游戲
17．2lufylegend游戲引擎基本功能
17．2．1圖片的加載與顯示
17．2．2圖層
17．2．3利用圖層實(shí)現(xiàn)游戲中的卷軸
17．2．4使用LGraphics對(duì)象繪圖
17．2．5使用LTextField顯示文字
17．2．6LGlobal全局類
17．2．7LLoadManage加載文件
17．2．8事件處理
17．2．9動(dòng)畫的實(shí)現(xiàn)
17．3lufylegend游戲引擎案例——接水果游戲
參考文獻(xiàn)