flash动画基础学习。

1、重点强调，学annie2x 需要懂一些animate cc 软件的动画基础，特别强调，是一定要懂。不是为了做动画，而是动画师给到动画后，能快速的整理以及给自己要添加代码的影片剪辑、按钮 等 命名，以便写代码控制。这里推荐animate cc 2017版本，目前是最稳定版本。可以在官网群里面获取到下载已经安装方式。

2、自学动画基础，群里的朋友推荐了一套动画教程，非常不错。https://www.51zxw.net/List.aspx?cid=18  ，有免费的部分也有收费的部分，免费的部分学完基本可以应付大多数动画的基础以及技术上的使用。

3、安装破解的教程 以及 annie2x工具的安装 这里不做重复说明。接下来开始最基础的代码撰写。

4、简单规划：为了小白方便，养成懒习惯，默认几个fla文件，首页index.fla ，加载页面loading.fla ，游戏页面game.fla ,然后活动说明info.fla,之后的答题那些 可以以,p1.fla等等，结果页面result.fla，大概就这样吧。反正自己喜欢。

4、从Loading 开始。动画师制作好Loading,一般做100帧的一个进度条动画。然后下面做个动态文本数字。首先去到loading.fla里面打开动画师给的动画文件。然后找到动画文本，给动画文本起个名字，per_txt,养成习惯，下划线_txt 一眼看出是个文本。接着进度条的动画是一个单独的影片剪辑英文叫movieClip，以后懒就叫mc吧。起个名字叫：per_mc。ok，剩下的事情，通过插件发布loading.fla生成annie2x的基础代码。具体的操作看小可的视频。

5、代码会自动生成loading的基础代码，以及预加载的基础代码。打开main.js，可以跟着模仿，加粗部分是我加的预加载代码。然后完成加载逻辑。

/**
 * https://github.com/flash2x/AnnieJS
 */
AnnieRoot.addEventListener("load",function(){
    annie.debug=false;
/**
     * 因为这是个文件是入口文件,加载时间越短越好,那么就需要这个文件里代码量越少越好，尽量在其他文件写项目逻辑
     * 装载引擎的Canvas的div的id,可以在一个页面同时放多个stage.
     * 设计尺寸的宽
     * 设计尺寸的高
     * FPS刷新率
     * 缩放模式
     * 渲染模式
     */
var stage=new annie.Stage("annieEngine",870,1136,30,annie.StageScaleMode.FIXED_HEIGHT,0);
//默认关闭自动旋转和自动resize
    //stage.autoResize=true;
    //stage.autoSteering=true;
stage.addEventListener(annie.Event.ON_INIT_STAGE,function (e) {
//想要同时加载多个场景的话，Annie2x.loadScene的第一个参数可以传数组如 ["scene1","scene2",...]
annie.loadScene("loading",function(per){
//加载进度
trace("加载进度:"+per+"%");
},function(result){
//加载完成 result 里包含了当前加载完成的是哪个场景序号，以及总加载场景数有多少，所以
            //需要同时加载多个模块时可以判断已经加载好的后直接出内容，其他偷偷在后台加载
if(result.sceneId==result.sceneTotal){
                var loadObj = new loading.Loading();
stage.addChild(loadObj);

loadObj.per_txt.text = "0%";
annie.loadScene(["P1","P2","P3","P4"],function (per) {
                    loadObj.per_txt.text = per+"%";
loadObj.per_mc.gotoAndStop(per);
},function (result) {
if(result.sceneId==result.sceneTotal)
                    {
                        stage.removeAllChildren();
stage.addChild(new P1.P1());
}
                });



}
        });
})
});