動畫交互技術(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 啟動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ù)語7
1.4.1 元件7
1.4.2 繪制對象9
1.5 實例：茶廣告首頁的制作9
1.6 本章小結(jié)13
第2章 Animate CC 2020動畫14
2.1 逐幀動畫14
2.1.1 開始 15
2.1.2 操作步驟 15
2.2 補間動畫17
2.2.1 開始18
2.2.2 操作步驟 18
2.3 形變動畫20
2.3.1 開始21
2.3.2 操作步驟 21
2.4 遮罩動畫23
2.4.1 開始24
2.4.2 操作步驟 24
2.5 攝像頭動畫27
2.6 其他類型動畫29
2.6.1 骨骼動畫 29
2.6.2 嘴形同步 29
2.6.3 VR30
2.6.4 資源變形工具31
2.7 本章小結(jié)32
第3章 Animate CC 2020動畫 
代碼片斷33
3.1 時間軸導(dǎo)航33
3.1.1　時間軸導(dǎo)航代碼片斷詳解34
3.1.2　實例35
3.2 動作39
3.2.1 動作代碼片斷詳解39
3.2.2 實例41
3.3 事件處理函數(shù)45
3.4 動畫46
3.4.1 動畫代碼片斷詳解46
3.4.2 實例48
3.5 CreateJS API50
3.5.1 CreateJS API代碼片斷詳解50
3.5.2 實例一54
3.5.3 實例二57
3.6 組件63
 
IV
3.6.1 組件代碼片斷詳解63
3.6.2 實例66
3.7 攝像頭72
3.7.1 攝像頭代碼片斷詳解72
3.7.2 實例74
3.8 本章小結(jié)76
第4章 JavaScript基礎(chǔ)78
4.1 JavaScript基本語法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　對象91
4.2.2 數(shù)組93
4.2.3 函數(shù)97
4.3 運算符99
4.3.1 算術(shù)運算符99
4.3.2 比較運算符99
4.3.3 賦值運算符 100
4.3.4 邏輯運算符 100
4.3.5 條件運算符 101
4.3.6 typeof運算符和instanceof
 運算符101
4.4 異常處理102
4.4.1 異常拋出語句102
4.4.2 異常捕捉語句102
4.4.3 實例 103
4.5 流程控制103
4.5.1 順序 104
4.5.2 分支 104
4.5.3 循環(huán) 107
4.6 實例110
4.7 本章小結(jié)113
第5章 CreateJS基礎(chǔ)——EaselJS114
5.1 EaselJS簡介114
5.2 CreateJS概述116
5.3 EaselJS文本117
5.3.1 開始 118
5.3.2 Text119
5.3.3 Shadow屬性121
5.3.4 實例 122
5.4 EaselJS繪圖123
5.4.1　開始 123
5.4.2　Graphics123
5.4.3　Shape125
5.4.4 Filter屬性 126
5.4.5　Shadow屬性129
5.4.6　實例一130
5.4.7　實例二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 實例 145
6.2 Sprite147
6.2.1 Sprite147
6.2.2 SpriteSheet148
6.2.3 一幀動畫151
6.2.4 動畫 153
6.3 本章小結(jié)154
 
V
第7章 CreateJS基礎(chǔ)——EaselJS 
事件155
7.1 幀循環(huán)事件155
7.1.1 Ticker156
7.1.2 偵聽器157
7.1.3 Ticker使用158
7.2 動畫基礎(chǔ)160
7.2.1 三角學(xué)160
7.2.2 圓與橢圓168
7.2.3 波171
7.3 遮罩動畫176
7.3.1 程序幀實現(xiàn)遮罩動畫原理177
7.3.2 X光機 178
7.3.3 你看見了什么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 動態(tài)曲線186
7.4.6 圖片輪播188
7.4.7 星星鼠標(biāo)191
7.5 鼠標(biāo)事件192
7.5.1 舞臺的鼠標(biāo)事件193
7.5.2 顯示對象的鼠標(biāo)事件195
7.5.3 實例 197
7.6 小應(yīng)用199
7.6.1 制作相冊199
7.6.2　制作簡易計算器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 碰撞檢測220
8.4.1 基礎(chǔ)語句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è)計思路227
9.2.1 捕蝴蝶設(shè)計思路227
9.2.2 制作捕蝴蝶流程 228
9.3 制作捕蝴蝶小游戲228
9.3.1 制作捕一只蝴蝶小游戲228
9.3.2 制作捕一群蝴蝶小游戲232
9.4 本章小結(jié)236
第10章 動畫短片制作237
10.1 劇本237
10.1.1 故事237
10.1.2 劇本內(nèi)容238
10.2 分鏡劇本239
10.2.1 動畫分鏡239
10.2.2 分鏡稿 239
10.3 幕制作241
10.3.1 幕場景制作242
10.3.2 幕交互243
10.4 第二幕制作244
 
10.4.1 第二幕場景制作244
10.4.2 第二幕交互244
10.5 第三幕制作245
10.5.1 第三幕場景制作245
10.5.2 第三幕交互247
10.6 制作“六一”禮物248
10.6.1 “六一”禮物場景制作249
10.6.2 “六一”禮物交互249
10.6.3 編寫完整代碼 250
10.7 本章小結(jié)254
參考文獻(xiàn)256
附錄257