您好!欢迎您光临as打造下雨和遮挡的原理与方法_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>实例教程>>>as打造下雨和遮挡的原理与方法
as打造下雨和遮挡的原理与方法
发表日期:2012/9/19 10:22:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 2490

 as打造下雨和遮挡的原理与方法

   

    教学目的:通过本节教学了解和掌握动作面板和as语句的添加、运用,以及利用as语句打造下雨与遮挡的动画效果

  教学对象:本教材是针对有一定动画制作基础和对as语句及工具箱有一定了解的朋友们编制的,因此省略了一些步骤,还望谅解。

  教学要点:属性链接、动作面板、as语句。

 

   

    最近有网友问:自己用as语句制作下雨的效果,可是加入边框后,虽然边框图层在as图层的上边,可是,雨点还是显示在边框之上。怎样才能使边框挡住雨点呢?下面我就此问题介绍一下用as语句制作下雨和遮挡的原理与方法。

  先看看下边的实例显示:

  用as打造的下雨效果

http://hsb345.16789.net/domName/hsb345/201071920551686340.swf


在as上层加入边框的效果

http://hsb345.16789.net/domName/hsb345/201071920565944883.swf

 

    作前准备:

    准备一张雨天的背景图片,规格为550*400,经过制图软件(ps、fw)处理后,保存到指定的文件夹待用。

   制作步骤

  1.启动FLASH8 软件

    2.确立文档属性 设置动画尺寸为550*400,帧频为12,背景颜色任意,其它默认,点击确定,进入场景1。如图1所示:


图1

    3.首先将准备好的背景素材图片导入到库中,待用。

    4.创建影片剪辑元件 

    (1)选择“插入-新建元件”,创建一个名为“雨滴”的影片剪辑元件,就一个图层。

    选择图层1第一帧,用椭圆工具在舞台拖一个竖向的,无边线的白色椭圆(图2-1),规格随意;而后用选择工具将其调整为雨滴形状(图2-2),全居中。其流程,如图2所示:

图2

右键库中的该影片剪辑元件,选择链接,打开该影片剪辑元件的属性链接面板,填写其标识符为:yudi 。其它参数,如图3所示:

图3

(URL处可随便输入一个网页地址)

点击确定,完成设置。

    (2)创建一个名为“雨滴”的影片剪辑元件。

    制作方法:返回场景1,选择图层1第一帧,用矩形工具在舞台拖一个规格为550*50的,无边线的矩形,颜色随意。水平中齐-上对齐。右键该实例-复制,再右键舞台空白处-粘贴。点击新粘贴的实例,水平中齐-下对齐。如图4所示:

图4

框选全部实例,右键,将其转换为影片剪辑元件,命名为“雨滴”。

右键库中的该影片剪辑元件,选择链接,打开该影片剪辑元件的属性链接面板,填写其标识符为:zedang 。其它参数,如图5所示:

图5

(URL处可随便输入一个网页地址)

点击确定,完成设置。删除舞台实例。

    5.组织编辑场景
 
    在场景1添加一个图层,共两个图层。下层命名为背景,上层命名为as。
 
    (1)选择背景图层第一帧,从库中拖出背景图片到舞台,规格为550*400,全居中。上锁。如图6所示:
 

图6

    (2)选择as图层第一帧,按f9,打开动作面板,在as编辑区输入,如下帧语句:

_root.onLoad = function ()
{
  Num = 240;
    attachMovie("zedang", "zedang", 10000);
    this.zedang._x = Stage.width / 2;
    this.zedang._y = Stage.height / 2;
    var i = 0;
    while (i < Num) 
    {
        attachMovie("yudi", "yudi" + i, i);
        _root["yudi" + i]._x = Math.floor(Math.random() * 550);
        _root["yudi" + i]._y = Math.floor(Math.random() * 400);
        _root["yudi" + i]._rotation = -32;
        _root["yudi" + i]._alpha = Math.floor(Math.random() * i);
        _root["yudi" + i]._xscale = _root["yudi" + i]._yscale = 25;
        _root["su" + i] = 3 + 2 * i / Num;
        ++i;
    }
};
this.onEnterFrame = function ()
{
    var k = 0;
    while (k < Num)
    {
        this["yudi" + k]._x = this["yudi" + k]._x + _root["su" + k];
        this["yudi" + k]._y = this["yudi" + k]._y + (2 + _root["su" + k]);
        if (this["yudi" + k]._x > 550)
        {
            this["yudi" + k]._x = 0;
        }
        if (this["yudi" + k]._y > 400)
        {
            this["yudi" + k]._y = 0;
        }
        ++k;
    }
};

锁定该图层。

    6.本作业完成后时间轴显示如图7所示:

图7

  7.测试存盘

    *说明: 

    1.语句中的红色数字为雨滴的密度。雨滴多少和该数字成正比。

    2.雨滴和遮挡两个影片剪辑没有进入场景1,它是通过其属性链接和脚本来控制的。


 

最终效果显示


http://hsb345.16789.net/domName/hsb345/201071920581085277.swf

 

全屏下载

 

祝你成功!

 

进入更多教程

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:



jacksonhui
(2010/8/19 23:46:00)

晚上好,學習了,谢谢老師,祝安康!


改邪小妖
(2010/7/20 12:49:00) [119.250.25.]

老师完美的小小学习

 发表评论:共有 2 条评论

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

迎客松B站 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:翠柏

琼icp备09005167