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

第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)畫14
2.1 逐幀動(dòng)畫14
2.1.1 開(kāi)始 15
2.1.2 操作步驟 15
2.2 補(bǔ)間動(dòng)畫17
2.2.1 開(kāi)始18
2.2.2 操作步驟 18
2.3 形變動(dòng)畫20
2.3.1 開(kāi)始21
2.3.2 操作步驟 21
2.4 遮罩動(dòng)畫23
2.4.1 開(kāi)始24
2.4.2 操作步驟 24
2.5 攝像頭動(dòng)畫27
2.6 其他類型動(dòng)畫29
2.6.1 骨骼動(dòng)畫 29
2.6.2 嘴形同步 29
2.6.3 VR30
2.6.4 資源變形工具31
2.7 本章小結(jié)32
第3章 Animate CC 2020動(dòng)畫 
代碼片斷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)畫46
3.4.1 動(dòng)畫代碼片斷詳解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ù)類型83
4.2 復(fù)合類型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)畫151
6.2.4 動(dòng)畫 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)畫基礎(chǔ)160
7.2.1 三角學(xué)160
7.2.2 圓與橢圓168
7.2.3 波171
7.3 遮罩動(dòng)畫176
7.3.1 程序幀實(shí)現(xiàn)遮罩動(dòng)畫原理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)曲線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)畫短片制作237
10.1 劇本237
10.1.1 故事237
10.1.2 劇本內(nèi)容238
10.2 分鏡劇本239
10.2.1 動(dòng)畫分鏡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 編寫完整代碼 250
10.7 本章小結(jié)254
參考文獻(xiàn)256
附錄257