收藏本站 | 站点地图 | 繁體中文
一方阳光音画网站http://www.qt211.com
您现在的位置: 一方阳光 >> 文章中心 >> 网络教程 >> 动画实例 >> 正文
用代码实现立体视角转动的仕女灯笼         ★★★
用代码实现立体视角转动的仕女灯笼
作者:自由风 文章来源:原创 点击数:1079 更新时间:2015-12-28 0:44:15

效果:

[全屏欣赏]

教程:

1、新建as2.0文档。

2、导入事先PS的8张仕女图片,宽高84*200;分别转化为“图1”、“图2”、……“图8”的图形元件(注册点居中),并加上花边、灯穗等。

3、插入名为“图动1”的影片剪辑,
图层1拖入图1元件,将高增至2倍;
添加引导层(图层1为被引导层),绘制一直径200的正圆,全居中,第81帧插入帧;
回到图层1,第21帧、41帧、61帧、81帧分别插入关键帧,中间创建动画补间;
点选第1帧图,放于引导线的最下端;
点选第21帧图,变形/倾斜,垂直倾斜-90度,放于引导线的最右端;
点选第41帧图,变形/倾斜,垂直倾斜180度,放于引导线的最上端;
点选第61帧图,变形/倾斜,垂直倾斜90度,放于引导线的最左端;
点选第81帧图,放于引导线的最下端;
第80帧插入关键帧,将两层的第81帧删除。
直接复制另7个图动元件,交换成不同仕女图,下略。

4、插入名为“提绳”的影片剪辑,
图层1绘制一小圆,宽高5*5,转化成名为“小圆”的影片剪辑,再复制3个,实例名分别是a1、a2、a3、a4;
添加引导层(图层1为被引导层),按Shift键绘制一无填充正八边形,宽高200*200,全居中,在最左下角处擦出一错口,以此作为引导线,该层延长到第80帧;
回到图层1,将4个小圆分散到各层;
点第1帧,全选4个小圆,放于引导线的右端,点第80帧,再将4个小圆放于引导线的左端,确保4个小圆都能被引导;
第1层,第20、21帧插入关键帧,剪切第1—20帧,粘贴到第81帧,删除1—20帧;
第2层,第40、41帧插入关键帧,剪切第1—40帧,粘贴到第81帧,删除1—40帧;
第3层,第60、61帧插入关键帧,剪切第1—60帧,粘贴到第81帧,删除1—60帧;
引导层上面添加一层,再拖入2个小圆,水平中齐,一个放于八边形正上方约120像素处,实例名b,另一放于八边形正上方约300-500像素处,实例名c;
添加图层,第1帧添加语句:

function aa(mm, m, a) {
mm = this.createEmptyMovieClip("mm", m);
mm.lineStyle(2,0xff9900);
mm.moveTo(a._x,a._y);
mm.lineTo(b._x,b._y);
}
aa(mm5,5,c);
function bb() {
onEnterFrame = function () {
aa(mm1,1,a1);
aa(mm2,2,a2);
aa(mm3,3,a3);
aa(mm4,4,a4);
};
}
bb();

回到库,打开小圆元件,将其透明度修改为0%。

5、插入名为“效果”的影片剪辑,
图层1拖入8个图动元件,实例名依次是mc1、mc2、……、mc8,都全居中;
图层2拖入“提绳”元件,紧挨着放于动图的正上方,实例名ts;
图层3第1帧,添加语句:

m = mc1._totalframes/8;
function nf() {
for (i=1; i<=8; i++) {
this["mc"+i].gotoAndStop(Math.round(m*(i-1)+1));
}
ts.gotoAndStop(2);
function aa(mc) {
if (mc._currentframe<=m*6-1) {
mc.swapDepths(mc._totalframes-mc._currentframe);
} else {
mc.swapDepths(mc._currentframe);
}
ts.swapDepths(m*6);
if (mc._currentframe>=mc._totalframes) {
mc.gotoAndStop(1);

} else {
mc.gotoAndStop(mc._currentframe+1);

}

}
onEnterFrame = function () {
for (i=1; i<=8; i++) {
aa(this["mc"+i]);
}
if (ts._currentframe>=ts._totalframes) {
ts.gotoAndStop(1);
} else {
ts.gotoAndStop(ts._currentframe+1);
}
};
}
nf();
function ny() {
for (i=1; i<=8; i++) {
this["mc"+i].gotoAndStop(Math.round(m*(i-1)+2));
}
ts.gotoAndStop(1);
function aa(mc) {
if (mc._currentframe>m*6-1) {
mc.swapDepths(mc._totalframes-mc._currentframe);
} else {
mc.swapDepths(mc._currentframe);
}
ts.swapDepths(0);

if (mc._currentframe-1<1) {
mc.gotoAndStop(mc._totalframes);

} else {
mc.gotoAndStop(mc._currentframe-1);

}
}
onEnterFrame = function () {
for (i=1; i<=8; i++) {
aa(this["mc"+i]);
}
if (ts._currentframe-1<1) {
ts.gotoAndStop(ts._totalframes);
} else {
ts.gotoAndStop(ts._currentframe-1);
}
};
}
function sf() {
for (i=1; i<=8; i++) {
this["mc"+i].gotoAndStop(Math.round(m*(i-1)+2));
}
ts.gotoAndStop(1);
function aa(mc) {
if (mc._currentframe<=m*6-1) {
mc.swapDepths(mc._totalframes-mc._currentframe);
} else {
mc.swapDepths(mc._currentframe);
}
ts.swapDepths(m*6);

if (mc._currentframe-1<1) {
mc.gotoAndStop(mc._totalframes);

} else {
mc.gotoAndStop(mc._currentframe-1);

}
}
onEnterFrame = function () {
for (i=1; i<=8; i++) {
aa(this["mc"+i]);
}
if (ts._currentframe-1<1) {
ts.gotoAndStop(ts._totalframes);
} else {
ts.gotoAndStop(ts._currentframe-1);
}
};
}
function sy() {
m = mc1._totalframes/8;
for (i=1; i<=8; i++) {
this["mc"+i].gotoAndStop(Math.round(m*(i-1)+1));
}
ts.gotoAndStop(2);
function aa(mc) {
if (mc._currentframe>m*6-1) {
mc.swapDepths(mc._totalframes-mc._currentframe);
} else {
mc.swapDepths(mc._currentframe);
}
ts.swapDepths(0);

if (mc._currentframe>=mc._totalframes) {
mc.gotoAndStop(1);

} else {
mc.gotoAndStop(mc._currentframe+1);
}
}
onEnterFrame = function () {
for (i=1; i<=8; i++) {
aa(this["mc"+i]);
}
if (ts._currentframe>=ts._totalframes) {
ts.gotoAndStop(1);
} else {
ts.gotoAndStop(ts._currentframe+1);
}
};
}

6、回到主场景,图层1(背景),略;
图层2(效果),拖入效果元件,调整好宽高、位置等,实例名xiaoguo;
图层3(按钮),制作4个按钮,分别是“逆时针俯视”、“逆时针仰视”、“顺时针俯视”和“顺时针仰视”,实例名nf、ny、sf和sy;
图层4(as),添加以下语句:

nf.onPress = function() {
xiaoguo.nf();
};
ny.onPress = function() {
xiaoguo.ny();
};
sf.onPress = function() {
xiaoguo.sf();
};
sy.onPress = function() {
xiaoguo.sy();
};

余从略。

测试,OK!

文章录入:清水洗尘    责任编辑:清水洗尘 
  • 上一篇文章:
  • 下一篇文章:
  • 【字体: 】 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    ::发表评论::
     姓 名:
     评 分: 1分 2分 3分 4分 5分
     评论内容:
  • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
  • 用户需对自己在使用本网服务过程中的行为承担法律责任。
  • 本站管理员有权保留或删除评论内容。
  • 评论内容只代表网友个人观点,与本网站立场无关。
  • 文章 下载 图片 文字广告
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告 | 管理登陆

    备案/许可证编号: 闽ICP备12010762号 域名创建于2010年12月
    版权: 一方阳光All Rights Reserved 站长:晴天 邮箱:512893860@qq.com 联系QQ:联系站长