動(dòng)畫(huà)交互技術(shù)：Animate CC 2020+CreateJS

定　價(jià)：￥79.00

作　者：	黎紅、宋宇翔、肖何、張艷梅
出版社：	清華大學(xué)出版社
叢編項(xiàng)：
標(biāo)　簽：	暫缺

購(gòu)買(mǎi)這本書(shū)可以去

ISBN：	9787302575139	出版時(shí)間：	2021-05-01	包裝：	平裝-膠訂
開(kāi)本：	16開(kāi)	頁(yè)數(shù)：	261	字?jǐn)?shù)：

內(nèi)容簡(jiǎn)介

　　本書(shū)是一本HTML5 Canvas交互動(dòng)畫(huà)的制作教程，使用中文版Animate CC 2020和CreateJS。AnimateCC 2020是Adobe公司**推出的專(zhuān)業(yè)化動(dòng)畫(huà)制作軟件；CreateJS是基于HTML5開(kāi)發(fā)的一套模塊化的庫(kù) 和工具?；谶@些，可以非?？旖莸亻_(kāi)發(fā)出基于HTML5的游戲、動(dòng)畫(huà)和交互應(yīng)用。本書(shū)從教學(xué)實(shí)際需求出發(fā)，合理安排知識(shí)結(jié)構(gòu)：將Animate CC 2020分解成工具使用和動(dòng)畫(huà)制作，完成動(dòng)畫(huà)實(shí)現(xiàn)；從零開(kāi)始、由淺入深、循序漸進(jìn)地講解CreateJS，實(shí)現(xiàn)動(dòng)畫(huà)的交互。本書(shū)將基本概念、技巧集成在每章的實(shí)例中，便于深化理解，所用實(shí)例全面而實(shí)用。全書(shū)共分為10章：第1、2章介紹Animate CC 2020，可快速掌握平臺(tái)工具的使用和動(dòng)畫(huà)制作；第 3～8章從使用代碼片斷讓平臺(tái)為用戶(hù)寫(xiě)代碼開(kāi)始學(xué)習(xí)CreateJS，逐漸到系統(tǒng)學(xué)習(xí)CreateJS，再到應(yīng)用 CreateJS；第9、10章介紹兩個(gè)綜合應(yīng)用，一個(gè)是游戲，另一個(gè)是網(wǎng)頁(yè)短片。本書(shū)可以作為高等院校計(jì)算機(jī)專(zhuān)業(yè)、非計(jì)算機(jī)專(zhuān)業(yè)本科生的教材，也可以作為對(duì)動(dòng)畫(huà)制作感興趣的讀者的參考書(shū)。

作者簡(jiǎn)介

　　黎紅單位：廣東培正學(xué)院職務(wù)、職稱(chēng)：專(zhuān)業(yè)負(fù)責(zé)人副教授性別：女年齡：51 專(zhuān)業(yè)：數(shù)字媒體技術(shù) 學(xué)歷：碩士研究領(lǐng)域：計(jì)算機(jī)應(yīng)用圖形圖像研究成果：著有《視頻增強(qiáng)算法及其應(yīng)用》《ACCESS數(shù)據(jù)庫(kù)應(yīng)用基礎(chǔ)》《Photoshop平面圖像處理教程》等。

圖書(shū)目錄

第1章 Animate CC 2020基礎(chǔ)1
1.1 Animate CC 2020的系統(tǒng)要求1
1.1.1 Windows操作系統(tǒng)要求1
1.1.2 Mac OS操作系統(tǒng)要求 2
1.2 Animate CC 2020的基本工作環(huán)境2
1.2.1 啟動(dòng)Animate CC 20202
1.2.2 新建文檔3
1.2.3 工作區(qū) 4
1.3 Animate CC 2020的常用工具6
1.3.1 繪圖工具6
1.3.2 其他工具7
1.4 Animate CC 2020基本術(shù)語(yǔ)7
1.4.1 元件7
1.4.2 繪制對(duì)象9
1.5 實(shí)例：茶廣告首頁(yè)的制作9
1.6 本章小結(jié)13
第2章 Animate CC 2020動(dòng)畫(huà)14
2.1 逐幀動(dòng)畫(huà)14
2.1.1 開(kāi)始 15
2.1.2 操作步驟 15
2.2 補(bǔ)間動(dòng)畫(huà)17
2.2.1 開(kāi)始18
2.2.2 操作步驟 18
2.3 形變動(dòng)畫(huà)20
2.3.1 開(kāi)始21
2.3.2 操作步驟 21
2.4 遮罩動(dòng)畫(huà)23
2.4.1 開(kāi)始24
2.4.2 操作步驟 24
2.5 攝像頭動(dòng)畫(huà)27
2.6 其他類(lèi)型動(dòng)畫(huà)29
2.6.1 骨骼動(dòng)畫(huà) 29
2.6.2 嘴形同步 29
2.6.3 VR30
2.6.4 資源變形工具31
2.7 本章小結(jié)32
第3章 Animate CC 2020動(dòng)畫(huà)
代碼片斷33
3.1 時(shí)間軸導(dǎo)航33
3.1.1　時(shí)間軸導(dǎo)航代碼片斷詳解34
3.1.2　實(shí)例35
3.2 動(dòng)作39
3.2.1 動(dòng)作代碼片斷詳解39
3.2.2 實(shí)例41
3.3 事件處理函數(shù)45
3.4 動(dòng)畫(huà)46
3.4.1 動(dòng)畫(huà)代碼片斷詳解46
3.4.2 實(shí)例48
3.5 CreateJS API50
3.5.1 CreateJS API代碼片斷詳解50
3.5.2 實(shí)例一54
3.5.3 實(shí)例二57
3.6 組件63

IV
3.6.1 組件代碼片斷詳解63
3.6.2 實(shí)例66
3.7 攝像頭72
3.7.1 攝像頭代碼片斷詳解72
3.7.2 實(shí)例74
3.8 本章小結(jié)76
第4章 JavaScript基礎(chǔ)78
4.1 JavaScript基本語(yǔ)法79
4.1.1 JavaScript基本規(guī)則79
4.1.2 JavaScript變量 81
4.1.3 JavaScript數(shù)據(jù)類(lèi)型83
4.2 復(fù)合類(lèi)型91
4.2.1　對(duì)象91
4.2.2 數(shù)組93
4.2.3 函數(shù)97
4.3 運(yùn)算符99
4.3.1 算術(shù)運(yùn)算符99
4.3.2 比較運(yùn)算符99
4.3.3 賦值運(yùn)算符 100
4.3.4 邏輯運(yùn)算符 100
4.3.5 條件運(yùn)算符 101
4.3.6 typeof運(yùn)算符和instanceof
運(yùn)算符101
4.4 異常處理102
4.4.1 異常拋出語(yǔ)句102
4.4.2 異常捕捉語(yǔ)句102
4.4.3 實(shí)例 103
4.5 流程控制103
4.5.1 順序 104
4.5.2 分支 104
4.5.3 循環(huán) 107
4.6 實(shí)例110
4.7 本章小結(jié)113
第5章 CreateJS基礎(chǔ)——EaselJS114
5.1 EaselJS簡(jiǎn)介114
5.2 CreateJS概述116
5.3 EaselJS文本117
5.3.1 開(kāi)始 118
5.3.2 Text119
5.3.3 Shadow屬性121
5.3.4 實(shí)例 122
5.4 EaselJS繪圖123
5.4.1　開(kāi)始 123
5.4.2　Graphics123
5.4.3　Shape125
5.4.4 Filter屬性 126
5.4.5　Shadow屬性129
5.4.6　實(shí)例一130
5.4.7　實(shí)例二131
5.5 EaselJS容器133
5.6 本章小結(jié)135
第6章 CreateJS基礎(chǔ)——EaselJS
圖片136
6.1 EaselJS圖片136
6.1.1 圖片 136
6.1.2 sourceRect屬性 138
6.1.3 Shadow屬性139
6.1.4 Filter屬性 140
6.1.5 Mask屬性 144
6.1.6 實(shí)例 145
6.2 Sprite147
6.2.1 Sprite147
6.2.2 SpriteSheet148
6.2.3 一幀動(dòng)畫(huà)151
6.2.4 動(dòng)畫(huà) 153
6.3 本章小結(jié)154

V
第7章 CreateJS基礎(chǔ)——EaselJS
事件155
7.1 幀循環(huán)事件155
7.1.1 Ticker156
7.1.2 偵聽(tīng)器157
7.1.3 Ticker使用158
7.2 動(dòng)畫(huà)基礎(chǔ)160
7.2.1 三角學(xué)160
7.2.2 圓與橢圓168
7.2.3 波171
7.3 遮罩動(dòng)畫(huà)176
7.3.1 程序幀實(shí)現(xiàn)遮罩動(dòng)畫(huà)原理177
7.3.2 X光機(jī) 178
7.3.3 你看見(jiàn)了什么179
7.4 神奇的tick事件179
7.4.1 下雪 179
7.4.2 冒泡 182
7.4.3 紅包雨184
7.4.4 數(shù)字雨185
7.4.5 動(dòng)態(tài)曲線(xiàn)186
7.4.6 圖片輪播188
7.4.7 星星鼠標(biāo)191
7.5 鼠標(biāo)事件192
7.5.1 舞臺(tái)的鼠標(biāo)事件193
7.5.2 顯示對(duì)象的鼠標(biāo)事件195
7.5.3 實(shí)例 197
7.6 小應(yīng)用199
7.6.1 制作相冊(cè)199
7.6.2　制作簡(jiǎn)易計(jì)算器202
7.7 本章小結(jié)205
第8章 CreateJS基礎(chǔ)——TweenJS、
ProloadJS、SoundJS206
8.1 TweenJS206
8.1.1 Tween 206
8.1.2 應(yīng)用 211
8.2 ProloadJS212
8.2.1 LoadQueue212
8.2.2 應(yīng)用 213
8.3 SoundJS215
8.3.1 Sound215
8.3.2 應(yīng)用 219
8.4 碰撞檢測(cè)220
8.4.1 基礎(chǔ)語(yǔ)句220
8.4.2 應(yīng)用 221
8.5 本章小結(jié)225
第9章小游戲制作226
9.1 制作小游戲226
9.1.1 什么是小游戲226
9.1.2 小游戲制作方法227
9.2 設(shè)計(jì)思路227
9.2.1 捕蝴蝶設(shè)計(jì)思路227
9.2.2 制作捕蝴蝶流程 228
9.3 制作捕蝴蝶小游戲228
9.3.1 制作捕一只蝴蝶小游戲228
9.3.2 制作捕一群蝴蝶小游戲232
9.4 本章小結(jié)236
第10章動(dòng)畫(huà)短片制作237
10.1 劇本237
10.1.1 故事237
10.1.2 劇本內(nèi)容238
10.2 分鏡劇本239
10.2.1 動(dòng)畫(huà)分鏡239
10.2.2 分鏡稿 239
10.3 幕制作241
10.3.1 幕場(chǎng)景制作242
10.3.2 幕交互243
10.4 第二幕制作244

10.4.1 第二幕場(chǎng)景制作244
10.4.2 第二幕交互244
10.5 第三幕制作245
10.5.1 第三幕場(chǎng)景制作245
10.5.2 第三幕交互247
10.6 制作“六一”禮物248
10.6.1 “六一”禮物場(chǎng)景制作249
10.6.2 “六一”禮物交互249
10.6.3 編寫(xiě)完整代碼 250
10.7 本章小結(jié)254
參考文獻(xiàn)256
附錄257