中国设计秀欢迎投稿
联网
平面设计 画册 VI欣赏 包装 CG-插画 搜索 个人网页 Alexa排名 CSS 建站资源 下载专区 JS特效 品牌服装 服装院校 专题欣赏 SEO 图标欣赏 专题
域名注册 虚拟主机 广州网站设计 域名注册 广州网站建设 上海网站建设 虚拟主机 广州网页设计 签名设计 虚拟主机 域名注册 acg王国 ACG玩家
求创科技
上海网麒科技
中国福网
数字引擎
招聘求职
中国互联
时代互联
中资源
当前位置:网络学院首页 >> 设计教程 >> Flash >> Flash AS代码制作美丽光影变幻动画

Flash AS代码制作美丽光影变幻动画 (3)

来源:中国设计秀    作者:未知    点击:814     加入收藏    发表评论
0
顶一下
关键字:代码 FlashAS 动画
中国品牌设计网
//定义中心位置 
var cx = 180;
var cy = 180;
//设定循环20次,准备从库中复制链接id为partical的影片.
for (var i = 0; i<20; i++) {
    //复制影片剪辑,引用名称为mc.
    var mc = this.attachMovie("partical", "p"+i, i);
    with (mc) {
        //初始化影片剪辑的位置,注意此时cx,cy是用来调整mc实例的偏移位置的.
        _x = cx+Math.random()*60;
        _y = cy+Math.random()*60;
    }
    //针对mc应用融合模式类型"add"
    mc.blendMode = "add";
    //设定mc实例的角度随机值
    mc.tx = random(360);
    mc.ty = random(360);
    //设定用于mc角度的增量随机值
    mc.xtempo = Math.random()/10;
    mc.ytempo = Math.random()/10;
    //设定mc实例的速度随机值
    mc.xd = Math.random()*10+1;
    mc.yd = Math.random()*10+1;
    mc.x0 = mc._x;
    mc.y0 = mc._y;
    //跳转到指定的帧,以变换不同颜色的小球上.
    mc.gotoAndStop(random(5)+1);
    //通过onEnterFrame循环,来让粒子移动.
    mc.onEnterFrame = function() {
        this.tx += this.xtempo;
        this.ty += this.ytempo;
        this._x = this.x0+Math.sin(this.tx)*this.xd;
        this._y = this.y0+Math.cos(this.ty)*this.yd;
    };
    
}

  9,测试你的影片,你就会看到如下面的效果。

Flash8_Blendmode制作美丽光影变幻动画_天极设计在线整理

  代码解析:
  首先从整段上代码上,我们实际上只用了一个for循环。这个for循环的作用是复制20个链接名为partical的影片剪辑。然后我们在循环的内部对复制后的粒子引用名mc进行初始化,控制。
  起始的两行是用来调整所有粒子的相对屏幕中的位置的。

  代码:

//定义中心位置 
var cx = 180;
var cy = 180;

  接下来我们从for循环的内部开始说起,我们将它分为块,一块是初始化复制后的粒子,另一段是为粒子实例mc 加入动态属性,为后面的控制移动做准备。第三块则是使用onEnterFrame循环来控制移动。

  初始化复制后的粒子

  代码:

//复制影片剪辑,引用名称为mc. 
    var mc = this.attachMovie("partical", "p"+i, i);
    with (mc) {
    //初始化影片剪辑的位置,注意此时cx,cy是用来调整mc实例的偏移位置的.
        _x = cx+Math.random()*60;
        _y = cy+Math.random()*60;
    }

  这一段代码,现在来讲我们已经很熟知了,我们通过顶端的for循环20次。将库中的链接名为partical的粒子复制到场景中。复制的方法我们使用是的是attachMovie的方式,复制后的影片剪辑更名为”p” +I,也就是说你复制的结果应是p0,p1,p2,p3…..p19,而所有的这些影片剪辑我们为它起个实例名为mc.它代表了所有复制得到的影片剪辑。在with内部,我们开始指定这些粒子的初始位置。注意此时我们用上了cx,cy.并且加上了随机数60,也就是说料子初始化的位置在180-240的位置之间。

  为粒子实例mc 加入动态属性

  代码:

      //针对mc应用融合模式类型"add" 
    mc.blendMode = "add";
    //设定mc实例的角度随机值
    mc.tx = random(360);
    mc.ty = random(360);
    //设定用于mc角度的增量随机值
    mc.xtempo = Math.random()/10;
    mc.ytempo = Math.random()/10;
    //设定mc实例的速度随机值
    mc.xd = Math.random()*10+1;
    mc.yd = Math.random()*10+1;
    mc.x0 = mc._x;
    mc.y0 = mc._y;
    //跳转到指定的帧,以变换不同颜色的小球上.
    mc.gotoAndStop(random(5)+1);

  在这段代码的开始的位置mc.blendMode ="add" 便是我们加入融合模式的重点所在了,如果没有这一些就不会出来相叠加后的融合效果。但实现它的前题是我们必须要处理如基本了粒子活动,所以习惯上我们都是最后才加上滤镜或是融合模式。在这段代码中,所有的都是为第三段的循环准备的。其中有两句是用来做为角度的增量随机值的。这个角度增量值实际是为了在onEnterFrame循环中增加的角度的变化。使效果变得更明显。这一段中的最后一句也是重点,因为我们在partical的影片剪辑中放置了五个不同颜色的小球,我们通过随机跳转命令来达到不同颜色小球的切换。

 用onEnterFrame循环来控制移动

  代码:

  //通过onEnterFrame循环,来让粒子移动. 
    mc.onEnterFrame = function() {
        this.tx += this.xtempo;
        this.ty += this.ytempo;
        this._x = this.x0+Math.sin(this.tx)*this.xd;
        this._y = this.y0+Math.cos(this.ty)*this.yd;
    };

  在这段代码中,通过将前面定义的动态属性,应用在onEnterFrame循环中,起到决定性作用是.

  代码:

this._x = this.x0+Math.sin(this.tx)*this.xd; 
this._y = this.y0+Math.cos(this.ty)*this.yd;

  其中this.tx,this.ty,this.xd,this.yd.均为前面定义的动态属性。我们使用了sin()和cos ()方法是为了使每个粒子自身有一个环形的运动路线。

Ok.在整段代中,我们看到使用融合模式blendmode只有一行,但在这里它显得尤为重要,加上与去掉效果是截然不同的。

[1] [2] [3] [4]
2007-11-23 09:22:22    出处:yesky.com
网站地图 | 关于我们 | 联系我们 | 网站建设 | 广告服务 | 版权声明 | 免责声明 | 网站公告 | 友情链接 | 留言 | 旧版入口