运营H5项目流程整理

一，创作背景

二，创意策划

若干版本故事线，展现方式

三，设计创作

1，角色指定（主角）

2，场景分镜（分镜和需要的元素）

3，确定风格（参考）

4，绘制

四，动画开发

创作动画，添加交互

a，纯H5+CSS3（纯代码，不够直观，编写抽象复杂）

b，视频（体积较大，播放过程中无法添加交互操作）

c，animate cc+createjs（直观，体积小）

————animate cc+createjs优势

a，可视化实现

b，组件化的概念让动画组织的有条理

c，场景内可以进一步解耦，继续分解各个动作，将其组件化

d，可实现H5比较难实现的效果

e，createjs提供了吩咐的方法和动画进行交互

————————

五，细节表现

1，加载页的细节表现，loading

2，游戏场景的细节表现

3，用户操作友好的细节表现

4，故事时间地点提示的细节表现

5，聊天场景的细节表现

6，声音的细节表现

7，错误选择的细节表现

8，结果页的细节表现

六，注意

1，理顺故事情节和逻辑

2，素材要整理好

3，将动画timingMode设为RAF

4，声音不要放在createjs提供的预加载方法上