Flash制作湖光山色精美动画

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

  演示效果

点击这里下载源文件

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

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看看自己的作品了,大家感觉是不是用脚本来实现布局,很有成就感?
//脚本编注:黑市魔旗

时间: 2024-10-25 18:45:45

Flash制作湖光山色精美动画的相关文章

Flash制作雪花视觉动画效果的三种制作方法

Flash制作雪花视觉动画效果的三种制作方法 第一种方法: 最笨但也效果最好,就是用"引导线"功能,让雪花不停的飘呀飘,如果多用几个图层,效果更好.1.新建一个Flash影片.设背景为"黑色",其他的用默认值.2.按Ctrl+F8新建一个组件,类型为"影片剪辑",命名为"雪花".在它的正中用"铅笔"工具画一个不规则的多边形,然后用"颜料桶工具"将它填上白色.(如图1-1所示) 3.再用C

Flash制作插按钮动画教程

   Flash是制作二维动画的一个常用软件,小北的这个教程详细的讲述了非常实用的插按钮方法~很实用的哦,希望能对大家有所帮助! 工具/原料 Flash CS3或以上 方法/步骤 1.打开Flash,新建一个文档,或者打开自己做的动画文件.(小北是打开自己做好的FL哦~)如图所示: 2.在场景中绘制按钮,并且储存为按钮元件,并双击进入按钮设置界面,设置好弹起,指针经过,按下,点击,如图所示: 3.返回场景,新建按钮图层,在需要插入按钮的那一帧插入停止动作,具体做法如下:(1) 将鼠标指针放在需要

Flash制作卡通人物眨眼动画

卡通人物眨眼的动画经常都会用到,下面我们介绍Flash制作动漫中的眨眼效果动画的方法和技巧,具体分析一下如何实现这个效果. 动画分析: 1.眉毛不动,单独占一层; 2.眼睛睁开和闭合的时间间隔:本实例中,共20帧,闭眼占10帧,睁眼占5帧,由睁到闭的动画过程占5帧. 3.注意几个关键帧中眼睛所在的位置,要对齐眼角,动画的关键只有一处:将两个动画关键帧上的Symbol(元件)的中心点移至底部. 制作过程: 第一步:Flash中绘制眉毛.在"眉毛"图层的第一帧绘制眉毛(可手绘,可导入已经处

Flash制作模拟机械波动画制作教程

教程 本人是一名高中物理教师,来闪吧也有一段时间了,虽然断断续续,也算学习了一些东西,这里先要感谢各位闪友了.在前一段时间我试做了一个模拟机械波的动画,自我感觉还可以(各位别笑我),我百度了一下,好像还没有相关教程,也想练笔写一个看看,一是为了感谢闪吧,二是献给还在起跑线的各位闪友,特别是高中物理教师,希望各位能更快的进入flash的美妙殿堂,这是我第一次写,如有不足之处,还望见谅,废话少说,下面正式开始. 点击这里下载源文件(源文件) 点击这里下载源文件 (源文件) 一.思路分析 从机械波的形

Flash制作大雪纷飞效果动画

其实这种实例已经非常多了!不过因为前几天下了一场雪,而且现在也是冬天了!我还是期盼着再来一场啊!所以给喜欢的朋友介绍一下制作雪的方法.动画中鹅毛般的雪花悠悠而落,相当逼真.本教程通过简单的AS复制雪花并控制它们的运动,形成大雪纷飞的效果. 老规矩,首先看动画效果吧! 点击这里下载源文件 下面介绍一下制作的步骤: 1.打开我们经常使用的Flash mx 2004,新建一个Flash文档,单击"属性"面板中的"尺寸"按钮,打开"文档属性"面板设置场景

Flash制作一个精美的课件退出窗口

    作者:安徽省潜山中学 王晓苏 为了方便用户使用,课件中都应该有一个[退出]按钮.但为了防止误操作,应在单击该按钮时出现一个对话框窗口,让用户选择是否真的退出.在Flash中,我们可以很容易地制作一个类似于Windows XP"关闭计算机"的精美退出窗口(图1). 图1 制作思路:先制作对话框窗口的背景面板,再制作两个按钮,然后加入命令. 制作方法如下: 1. 启动Flash MX,选择"插入→新建元件"命令打开"创建新元件"对话框,在&q

FLASH制作爆炸效果动画

效果演示: 点击这里下载源文件 制作步骤: 很久以前看到了此篇教程,但是一直保存了其源代码,在网上查了半天没查到该教程,所以只有自己重新给大家做一个教程了! 首先,我们要打开Flash MX 2004.新建一场景动画,CTRL+J打开文档属性面板,设背景为黑色.帧速为24~48(随你高兴了,自己试试不同的帧速,只要自己觉得满意就行.) 1.按住Shift键在主场景中画一无边框正圆(大小在50×50象素左右),打开混色器面板在填充样式中选中放射性填充.将左右两个色块都设为白色,并将其外(右)侧的色

Flash制作毛笔写字动画效果

Flash作为一种功能强大的动画制作工具,也可以方便地实现手写效果.现在,我们就用Flash5.0(中文版)来制作手写效果,具体操作步骤如下: 1.在Flash中新建一个文件. 2.在"修改→影片-"中修改影片属性. 3.按Ctrl+F8,新建组件,命名"毛笔",用铅笔工具画一毛笔. 图1 4.用文字工具,输入"龙"字,字体可设为行楷,字号值为"300"(自己输入),颜色为黑色(如图1). 图2 5.按Ctrl + B,将&q

Flash制作卡通人物眨眼动画的方法

  动画分析: 1.眉毛不动,单独占一层; 2.眼睛睁开和闭合的时间间隔:本实例中,共20帧,闭眼占10帧,睁眼占5帧,由睁到闭的动画过程占5帧. 3.注意几个关键帧中眼睛所在的位置,要对齐眼角,动画的关键只有一处:将两个动画关键帧上的Symbol(元件)的中心点移至底部. 制作过程: 第一步:Flash中绘制眉毛.在"眉毛"图层的第一帧绘制眉毛(可手绘,可导入已经处理好的眉毛的图片),并在20帧处按F5键,将帧数延长至20帧. 第二步:制作睁开的眼睛.新建一层,命名为"眼睛