一，創(chuàng)作背景
二，創(chuàng)意策劃
若干版本故事線，展現(xiàn)方式
三，設(shè)計創(chuàng)作
1，角色指定（主角）
2，場景分鏡（分鏡和需要的元素）
3，確定風格（參考）
4，繪制
四，動畫開發(fā)
創(chuàng)作動畫，添加交互
a，純H5+CSS3（純代碼，不夠直觀，編寫抽象復(fù)雜）
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é)果頁的細節(jié)表現(xiàn)
六，注意
1，理順故事情節(jié)和邏輯
2，素材要整理好
3，將動畫timingMode設(shè)為RAF
4，聲音不要放在createjs提供的預(yù)加載方法上
