一，創(chuàng)作背景

二，創(chuàng)意策劃

若干版本故事線，展現(xiàn)方式

三，設計創(chuàng)作

1，角色指定（主角）

2，場景分鏡（分鏡和需要的元素）

3，確定風格（參考）

4，繪制

四，動畫開發(fā)

創(chuàng)作動畫，添加交互

a，純H5+CSS3（純代碼，不夠直觀，編寫抽象復雜）

b，視頻（體積較大，播放過程中無法添加交互操作）

c，animate cc+createjs（直觀，體積小）

————animate cc+createjs優(yōu)勢

a，可視化實現(xiàn)

b，組件化的概念讓動畫組織的有條理

c，場景內(nèi)可以進一步解耦，繼續(xù)分解各個動作，將其組件化

d，可實現(xiàn)H5比較難實現(xiàn)的效果

e，createjs提供了吩咐的方法和動畫進行交互

————————

五，細節(jié)表現(xiàn)

1，加載頁的細節(jié)表現(xiàn)，loading

2，游戲場景的細節(jié)表現(xiàn)

3，用戶操作友好的細節(jié)表現(xiàn)

4，故事時間地點提示的細節(jié)表現(xiàn)

5，聊天場景的細節(jié)表現(xiàn)

6，聲音的細節(jié)表現(xiàn)

7，錯誤選擇的細節(jié)表現(xiàn)

8，結果頁的細節(jié)表現(xiàn)

六，注意

1，理順故事情節(jié)和邏輯

2，素材要整理好

3，將動畫timingMode設為RAF

4，聲音不要放在createjs提供的預加載方法上