一个后台如何学习Annie2X 起篇 2

flash动画基础学习。 1、重点强调,学annie2x 需要懂一些animate cc 软件的动画基础,特别强调,是一定要懂。不是为了做动画,而是动画师给到动画后,能快速的整理以及给自己要添加代码的影片...

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());
}
})
;



}
});
})
});

你可能感兴趣的文章

相关问题

3 条评论

请先 登录 后评论
不写代码的码农
陈金华

2 篇文章

作家榜 »

  1. 大北兔 14 文章
  2. 皮卡丘先生 13 文章
  3. hero 9 文章
  4. vien007 7 文章
  5. anlun214 5 文章
  6. Even 4 文章
  7. 炸天 4 文章
  8. ningbnii 3 文章