学院首页 新闻频道 学院概况 网络学院 院系设置 师资介绍 教学成果 招生就业 实践基地 校园文化 视频 论坛
  ◎    网络学院首页
  ◎    影视动画
  ◎    动漫设计
  ◎    影视广告
  ◎    视觉传达
  ◎    环境艺术
  ◎    人物形象
  ◎    电脑艺术
  ◎    电视摄像
  ◎    电视制作
  ◎    多媒体
  ◎    摄影专业
  ◎    播音主持
  ◎    影视表演
  ◎    新闻采编
  ◎    编导专业
  ◎    电视网络
  ◎    电视制片
  ◎    师生交流
  ◎    意见采纳
  ◎    我要投稿
 
 
    您认为网络学院那些栏目仍然需要加强?
专业新闻
理念论文
软件教程
作品赏析
专业资源

  
    您最想了解哪一类型的专业知识?
理念文献
软件教程
素材资源
作品赏析

  



FLASH课件应用:制作弹簧的阻尼振荡效果
作者:翅膀    文章来源:闪客帝国    点击数:    更新时间:2006-9-26

 

本实例的弹簧效果如下,拖动小球,松开鼠标后,小球就会上下运动,效果跟弹簧一模一样。

仔细分析一下,要保证弹簧的效果,只要做好如下几个方面:长度的缩放、位置的改变、每一次改变的值大小控制。下面我们就一步一步地来实现效果。
1、打开Flash MX 2004,按“Ctrl + N”新建一个场景,按“Ctrl + F8”新建一个Movie Clip,在弹出的对话框里面将其命名为“spring”,类型为“Movie Clip”。按“N”,用直线工具在此Clip的场景中绘制如图2所示的线段。

2、按“Ctrl + F8”新建一个Movie Clip,在弹出的对话框里面将其命名为“weightb”,类型为“Button”。按“O”,用圆形工具在此Button的up帧的场景中绘制一个圆,并在属性面板上面设置填充圆的颜色。如图3所示,用鼠标右键点击时间轴上面的层,选取“Insert Layer”,插入一个新的图层。在新插入图层的场景中,按“N”,用直线工具绘制两个三角形,最终效果如图4所示。

    

3、按“Ctrl + F8”新建一个Movie Clip,在弹出的对话框里面将其命名为“weightm”,类型为“Movie Clip”。按“Ctrl + L”打开图库,将上一步所制作的Button从图库拖到此Clip的场景中,选取场景中的Button,在Action面板上面增加如下语句:

on (press) {
  startDrag("", false, _root.xw, _root.yw-50, _root.xw, _root.yw+50); 
  //拖动此Button
}
on (release) {
  stopDrag(); //停止拖动Button,并设置变量
  _root.drag = true;
}

4、按“Ctrl + F8”新建一个Movie Clip,在弹出的对话框里面将其命名为“dot”,类型为“Movie Clip”。按“N”,用直线工具在此Clip的场景中绘制一条很短的线段,在属性面板上面设置其颜色为红色。
5、回到影片的主场景中,按“Ctrl + L”打开图库,将Clip“spring”从图库拖到场景中,在属性面板上面将其命名为“spring”,在Clip的Action面板上面增加如下语句:

onClipEvent (load) {
  this._x = 400; //设置弹簧的位置跟缩放比例
  this._y = 125;
  this._yscale = 100;
  _root.ys = this._y; //设置变量值,_root.ys表示主场景中的ys变量
  _root.sp = this._yscale;
}

6、在主场景的时间轴上面插入一个新的图层,命名为“weightm”。按“Ctrl + L”打开图库,将Clip“weightm”从图库拖到场景中,在属性面板上面将其命名为“weight”,在Clip的Action面板上面增加如下语句:

onClipEvent (load) {
  this._x = 400;
  this._y = 200;
  _root.xw = this._x;
  _root.yw = this._y;
}

注释:设置球的位置跟相应变量值。
7、在主场景的时间轴上面插入一个新的图层,命名为“dot”。按“Ctrl + L”打开图库,将Clip“dot”从图库拖到场景中,在属性面板上面将其命名为“dot”。
8、在主场景的时间轴上面插入一个新的图层,命名为“actions”。分别用右键点击此层的第2、3两帧,选取插入关键帧,如图5所示。

分别在第2、3两帧的Action面板上面增加如下语句:

if (drag) {
  var e = 2.71828; //设置一个弹簧的比例系数
  if (j<1) {
    y = 2*(getProperty("weight", _y)-yw); //根据球的位置,取得变量的值
    j = 1;
  }
  xp = getProperty("dot", _x); //取得要绘制的曲线的点
  yp = getProperty("dot", _y);
  bn = "dot" add i;
  duplicateMovieClip("dot", bn, i); / /复制一个Clip
  setProperty(bn, _x, xp+i); //设置所复制Clip的位置
  setProperty(bn, _y, yp+n);
  n = y*Math.pow(e, -0.005*i)*Math.sin(0.2*i); //取得绘制曲线时所需的值
  im = i;
  i++;
  nx = getProperty(bn, _x); //取得曲线的位置
  if (nx>800) { //判断所绘制的曲线是否到了场景的边缘
    for (m=0; m<=im; m++) {
      cn = "dot" add m;
      removeMovieClip(cn); //删除所绘制的曲线
    }
    gotoAndPlay(1);
  }
}

9、在主场景的时间轴上面插入一个新的图层,命名为“actions”。用右键点击此层的第2帧,选取插入关键帧。在第2帧的Action面板上面增加如下语句:

_root.spring._yscale = sp+0.5*(_root.weight._y-yw); //设置弹簧的缩放比例
_root.spring._y = ys+0.375*(_root.weight._y-yw);
if (j>0) {
  _root.weight._y = yw+n; //控制球的运动
  spring._yscale = sp+0.5*n; //改变弹簧缩放比例的值
  spring._y = ys+0.375*n;
}

10、在主场景的时间轴上面插入一个新的图层,命名为“actions”。用右键点击此层的第3帧,选取插入关键帧。在第1帧的Action面板上面增加如下语句:

i=0;
j=0;
dot._x=50;
dot._y=450;
drag=false;

在第3帧的Action面板上面增加如下语句:

gotoAndPlay(2);

此时主场景的时间轴如图6所示。
到此,实例就制作完成了,按“Ctrl + Enter”可看到实例的效果。

文章录入:雷建威    责任编辑:雷建威 
  • 上一篇文章:

  • 下一篇文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
      相 关 文 章
    《特洛伊》:电脑特技登峰造极
    2006上半年好莱坞动画总结及下半年展望
    沉睡多年的德国动画
    美国:从1900年的第一部动画开始
    NFB:世界电影人向往的圣地
    萨格勒布的学派精神
    重视学术研究 促进动画繁荣
    美术和CG的关系
    国产动画能否撑起“黄金档”?
    以产品开发为中心,国产动漫业密谋突围之策
     
    最新热门图片  

    动漫角色欣赏 1

    动漫角色欣赏2

    从蚝油·邪神·时弊看…

    动漫产业丰满产业链是…
    最 新 热 门
    最 新 推 荐
    关于我们 广告服务 法律声明 联系方式 常见问题 中国生活网 留言 论坛 帮助
    广播电影电视管理干部学院版权所有 Copyright 2001-2006 ARFT.net All Rights Reserved
    感谢动易网络科技有限公司友情提供技术支持,山西艺龙影视信息中心(有限公司)运营