快精灵印艺坊 您身边的文印专家
广州名片 深圳名片 会员卡 贵宾卡 印刷 设计教程
产品展示 在线订购 会员中心 产品模板 设计指南 在线编辑
 首页 名片设计   CorelDRAW   Illustrator   AuotoCAD   Painter   其他软件   Photoshop   Fireworks   Flash  

 » 彩色名片
 » PVC卡
 » 彩色磁性卡
 » 彩页/画册
 » 个性印务
 » 彩色不干胶
 » 明信片
   » 明信片
   » 彩色书签
   » 门挂
 » 其他产品与服务
   » 创业锦囊
   » 办公用品
     » 信封、信纸
     » 便签纸、斜面纸砖
     » 无碳复印纸
   » 海报
   » 大篇幅印刷
     » KT板
     » 海报
     » 横幅

Flash制作湖光山色精美动画

  今天去了一趟闪吧论坛,发现这个好的教程,给大家发表一下!

  演示效果

« Full Screen »

点击这里下载源文件

  其实也没什么制作过程,在这里我把山、海、天空、云、还有遮丑等全作成元件,通过调用库中的影片剪辑,实现布局与动画。以下是脚本。

onLoad = function () {
// 载入事件,全屏播放,在这里假如fullscreen为false,就取消了全屏播放
fscommand("fullscreen", true);
// 定义变量num并赋值,设置帆船的个数。这里设置为十个
num = 10;
// 调用库中的元件hai,其实在这里我创建了一个影片剪辑,并设置了链接属性,链接名为hai
_root.attachMovie("hai", "hai", 19);
// 这两句是设置hai元件在场景中的位置,这里的hai是海的元件,
// 这个可以根据你画面的布局来改变参数,
// 在这里我是通过调用场景的宽及高,然后再通过相除来布局的
_root.hai._x = Stage.width/2;
_root.hai._y = Stage.height/1.4;
// 调用库中的影片剪辑shan,也就是画面中的山,根据画面布局设置参数
_root.attachMovie("shan", "shan", 17);
_root.shan._x = Stage.width/2;
_root.shan._y = 88;
// 这是天空的元件tian,同上面的相同,不细说了,大家要注重的是这里的层的级别,
// 我在这里把静止的元件的层固定了下来,然后设置成素数,这里的17,19都是素数,
// 这样对将来的设置还是有相称的好处,
// 否则轻易重复层次,这样会造成脚本运行错误
_root.attachMovie("tian", "tian", 0);
_root.tian._x = Stage.width/2;
_root.tian._y = 50;
// 这个脚本是设置遮丑的,就是大家看到的那个黑布遮挡,因为要挡住所有的动画过程,
// 所以设置的层也最高,为1000,这样能保证在最上边,1000个层够用了
// 其实遮丑也是一个制作过程,我想在这里以前我发表过这样的教程及文章,大家细细找找?
_root.attachMovie("zedang", "zedang", 1000);
_root.zedang._x = Stage.width/2;
_root.zedang._y = Stage.height/2;
// 复制帆船并随机排列帆船的位置,不过在这里纵(Y)方向我采取了固定+随机的排列,
// X方向我是采取的随机排列,大小通过脚本_xscale = _yscale=Math.floor(Math.random()*80+20);
// 来控制,这个参数可以根据你的意图来设置,一般来说,100是保持原始大小,大于100是放大,
// 小于100是缩小,而且支持负数缩放,其实就是反转,这里复制采取了for循环
for (var i = 0; i<num; i++) {
  // 设置云的速度,为每朵云彩设置不同的速度
  this["yusu"+i] = (i+10)/15;
  // 调用库中的云元件yun,并设置深度(层的级别)我采用了偶数排列
  _root.attachMovie("yun", "yun"+i, 2*(i+1));
  with (this["yun"+i]) {
   // 这里是设置云的位置及大小,都是采用的固定加随机的方式,这只是初始位置
   _x = Math.floor(Math.random()*Stage.width);
   _y = 30+Math.floor(Math.random()*100);
   _xscale = _yscale=Math.floor(Math.random()*80+20);
  }
  // 这里的脚本是动态设置帆船的速度,为每个帆船设置不同的速度,这样才会有快慢感
  this["su"+i] = (i+1)/2;
  // 这里是复制帆船并随机分布帆船的位置,船的大小也是采取了远小近大,这样更适合我们的视觉
  // _y = 149+(20*i);通过这个脚本,实现了帆船能在海元件范围之内分布
  attachMovie("boat", "mc"+i, (i+1)*30);
  with (this["mc"+i]) {
   _x = Math.floor(Math.random()*Stage.width);
   _y = 149+(20*i);
   _xscale = _yscale=(i+1)*num;
  }
}
};
//让onLoad()事件运行一次,否则轻易造成脚本运行不了,没效果,这是在2004中轻易出现的问题
onLoad();
//好了,进入帧频事件,开始动画阶段,让我们的动画动起来吧,
this.onEnterFrame = function() {
for (var i = 0; i<num; i++) {
  with (this["yun"+i]) {
   //当云彩运动超过场景宽度时,返回左边出现,这样能保证云彩反复出现,因为考虑到影片剪辑的大小,所以设置了返回到左边影片剪辑大小的一半的位置
   if (_x>Stage.width+_width/2) {
    _x = -_width/2;
   }
   //定义云的步进速度,即每帧运行的距离,在这里是动态的赋予速度,用到了前面我们设置的速度 
   _x += this["yusu"+i];
  }
  //这里是设置帆船的速度及出现的条件,当超过与云的脚本原理是相同的
  with (this["mc"+i]) {
   if (_x>Stage.width+_width/2) {
    _x = -_width/2;
   }
   _x += this["su"+i];
  }
}
};
//好了,脚本完成,现在大家可以Ctrl+Enter看看自己的作品了,大家感觉是不是用脚本来实现布局,很有成就感?
//脚本编注:黑市魔旗


返回类别: Flash教程
上一教程: FLASH动感效果:帖纸的效果
下一教程: Flash+Photoshop实现图片模糊效果动画

您可以阅读与"Flash制作湖光山色精美动画"相关的教程:
· Flash制作精美美女遮罩效果动画
· Flash制作精美三维方格弹跳动画
· FLASH MX制作动画卡通人物
· Flash制作俯视飞鸟动画教程
· Flash MX 2004实例制作视频教程:《火影忍者》动画片头制作(4)
    微笑服务 优质保证 索取样品