您现在的位置: 圆点视线 >> 教程 >> flash教程 >> 实例教学 >> 文章正文
[图文]用Flash制作简单的飞鸟动画         ★★★
用Flash制作简单的飞鸟动画
作者:hairan  文章来源:网狐  点击数:  更新时间:2007-7-31 13:11:22 
 页面功能:【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口 【字体:

 5.按快捷键Ctrl+L打开“库”面板。右键点击“库”中的“飞鸟”元件,单击“链接”命令打开“链接属性”面板,如图4所示,并如图5所示设置。使用“链接属性”面板定义影片剪辑元件后,可以直接利用代码调用元件,而不必把元件拖拽到场景中。

图4

图5

  6.回到“场景1”,点选“图层 1”的第1帧,按F9键打开“动作”面板,输入如下代码:

// 飞鸟动画
damp = .95;
numbirds = 30;
for (i=0; i<numbirds; i++) {
bird = attachMovie("bird", "bird"+i, i);
bird._x = Math.random()*350+20;
bird._y = Math.random()*300+20;
bird.vx = Math.random()*10-5;
bird.vy = Math.random()*10-5;
bird.k = Math.random()*.0001+.0003;
bird.gotoAndPlay(Math.round(Math.random()*20));
}
onEnterFrame = function () {
var totx = 0;
var toty = 0;
for (i=0; i<numbirds; i++) {
bird = _root["bird"+i];
totx += bird._x;
toty += bird._y;
}
avgx = totx/numbirds;
avgy = toty/numbirds;
for (i=0; i<numbirds; i++) {
bird = _root["bird"+i];
bird.vx += (avgx-bird._x)*bird.k;
bird.vy += (avgy-bird._y)*bird.k;
bird.vx += Math.random()-.5;
bird.vy += Math.random()-.5;
bird.vx *= damp;
bird.vy *= damp;
targAngle = Math.atan2(bird.vy, bird.vx)*180/Math.PI;
diff = targAngle-bird._rotation;
if (diff<-180) {
     diff += 360;
}
if (diff>180) {
     diff -= 360;
}
bird._rotation += diff*.2;
bird._x += bird.vx;
bird._y += bird.vy;
}
}

  7.为了使该动画更有趣些,我们在以上的代码下,再添加如下代码:

// 鼠标动作
function drawToPoint(){
for(i=0;i<numbirds;i++){
bird=_root["bird"+i];
bird.vx+=(_xmouse-bird._x)*bird.k*100;
bird.vy+=(_ymouse-bird._y)*bird.k*100;
}
}
onMouseDown = drawToPoint;

  添加这段代码后,按快捷键Ctrl+Enter测试。

上一页  [1] [2] 

 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 文章录入:hairan    责任编辑:hairan  【字体:
 
  • 上一篇文章:

  •  
  • 下一篇文章:
  • 最新文章
    相关文章
    Flash实现随机加载外部图片的制作方法
    创建Flash站点的十大可用性技巧
    Flash制作圆形路径运动动画的技巧
    Flash技巧:常见水波动画制作全攻略
    Flash制作漂亮的三重卷动相册特效动画
    FLASH简单制作探照灯效果
    从Flash中导出透明背景的GIF动画
    用JS和CSS打造选项卡效果
    FLASH制作闪光文字
    FLASH矢量线条擦除
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
     姓  名: 评 分: 1分 2分 3分 4分 5分
     评论内容: ·严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    ·用户需对自己在使用本网服务过程中的行为承担法律责任
    ·本站管理员有权保留或删除评论内容。
    ·评论内容只代表机友个人观点,与本网站立场无关。
     
    最 新 推 荐
     
    百度主题推广
    最 新 热 门