Flash新手入门教程:AS2代码制作鼠标跟随龙舟效果

2016-01-29 12:27 7 1 收藏

Flash新手入门教程:AS2代码制作鼠标跟随龙舟效果,本例向朋友们介绍Flash AS2代码制作鼠标跟随龙舟效果和可爱的小鱼跟随鼠标游动的效果,很简单的哦,适合新手朋友学习,对AS代码制作动画效果有兴趣的朋友快提供你的作业吧~~

【 tulaoshi.com - Flash 】

本文由中国 sanbos 原创,转载请保留此信息!

 

本系列Flash教程由中国Flash互助课堂专为Flash新手制作,更多教程和练习请点击这里,在这里有系列的教程、练习,并有老师对练习进行点评与指导,欢迎朋友们的光临!

 

请在舞台上拖动鼠标,看效果:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

现在来制作.先建三个影片剪辑,分别如下图:

元件1:

元件2:

元件3:

以上元件请注意图形的方向,及中心点的位置。然后在库中分别右击元件,然后选接,在标识符中,元件1为lt,元件2为:ls,元件3为:lw.

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

现在回到主场影,打开动作面板输入如下语句:
this.attachMovie("lt","lz0",11);
for(i=1;i< 11;i++){
this.attachMovie("ls","lz"+i,i);
}
this.attachMovie("lw","lz11",0);
这一帧的动作创建了龙舟,它从库中加载了lt,10个ls和lw.
在第2帧插入关键帧,在动作面板中输入如下代码:
i = 11;
dx = _xmouse - lz0._x;
dy = _ymouse - lz0._y;
lz0._x += dx/10;
lz0._y += dy/10;
dz = Math.atan2 (dy,dx)*180/Math.PI ;
lz0._rotation = dz;
while (i0) {
lz = eval("lz"+i);
qlz = eval("lz"+ (i-1));
lsx = qlz._x - lz._x;
lsy = qlz._y - lz._y;
dls = Math.atan2 (lsy,lsx)*180/Math.PI ;
lz._rotation = dls;
lz._y = qlz._y;
lz._x = qlz._x;

i = i-1;
}
  这一帧的动作,是让龙舟随鼠标动起来。
在第3帧插入关键帧,在动作面板中输入:
gotoAndPlay(2);
 这是回到第2帧开始播放形成循环。
ok,可测试看下效果。

下面我们学习可爱的小鱼跟随鼠标游动的效果

扩展练习:鼠标跟随的鱼:(做法和龙舟一样)

三个元件的图片分别是:

元件1,连接名为:yt

元件2,连接名:ys

元件3,连接名:yz

主场景第1帧代码:
this.attachMovie("yt","xy0",21);
for (i=1;i<21;i++){
if(i == 13){
this.attachMovie("yz","xy"+i,i);
} else {
this.attachMovie("ys","xy"+i,i);
}
cys = eval("xy"+i);
cys._yscale -= i*5;
cys._xscale -= i*5;
}
第2帧代码:
ytx = _xmouse - xy0._x;
yty = _ymouse - xy0._y;
ytz = Math.atan2(yty,ytx)*180/Math.PI;
xy0._rotation = ytz;
xy0._x += ytx/10;
xy0._y += yty/10;
n=21;
while(n0){
hys = eval("xy"+n);
qys = eval("xy"+(n-1));
ysx = qys._x - hys._x;
ysy = qys._y - hys._y;
ysz = Math.atan2(ysy,ysx)*180/Math.PI;
hys._rotation = ysz;
hys._x = qys._x;
hys._y = qys._y;
n--;
}
第3帧代码:
gotoAndPlay(2);

对本文感兴趣的朋友可以到这里提交作业,老师会为作业点评、加分:http://bbs.jcwcn.com/viewthread.php?tid=186662

来源:http://www.tulaoshi.com/n/20160129/1486176.html

延伸阅读
标签: flash教程
本文由 中国 zctmh0336(诚信为人) 原创,转载请保留此信息!   本系列Flash教程由中国Flash互助课堂专为Flash新手制作,更多教程和练习请 点击这里 ,在这里有系列的教程、练习,并有老师对练习进行点评与指导,欢迎朋友们的光临! 本例介绍使用Flash的AS代码打造眩目的旋转效果,教程讲解了如何绘制元件,组合场景后加入A...
标签: flash教程
本文由 中国 wytan(老顽童) 原创,转载请保留此信息! 效果演示: 实例“螺旋上升”的制作法 1、 新建一个200*400,背景色深蓝,帧频24的Flash文档。 2、 插入一个电影剪辑,命名为“星”,在第一帧用无笔触画一个30*30的星,并让其全居中,填充放射渐变色,在第10、20、30、40帧分别插入关键帧。改变每个关键帧的渐变色。在个...
标签: flash教程
本文由 中国  sanbos  原创,转载请保留此信息! 本系列Flash教程由中国Flash互助课堂专为Flash新手制作,更多教程和练习请 点击这里 ,在这里有系列的教程、练习,并有老师对练习进行点评与指导,欢迎朋友们的光临!  在学习中遇到问题请到 论坛Flash研讨版块 发贴交流! 效果演示: 1. 新建一个...
标签: flash教程
本文由 中国 zctmh0336(诚信为人) 原创,转载请保留此信息! 本系列Flash教程由中国Flash互助课堂专为Flash新手制作,更多教程和练习请 点击这里 ,在这里有系列的教程、练习,并有老师对练习进行点评与指导,欢迎朋友们的光临! 效果演示: 1,建立FLASH文档,起名为“立体球”,保存。设置背景为深蓝色,其他属性默认。...
标签: flash教程
本文由中国 sanbos 原创,转载请保留此信息! 本例讲解了使用AS代码制作鼠标跟随效果,让火苗跟着你的鼠标呈现出美丽的图形吧 效果演示: [next] 现在开始制作: 新建flash文档,背景色为黑色,其它默认。首先来画火苗: 新建图形元件,取名为:“火苗”,用椭园工具无填充,画一椭园: 如图: &n...

经验教程

879

收藏

59
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部