注册本站  论坛  繁體中文

电脑技巧
手机 | MP3 | MP4 | 显卡 | 主板 | 显示器 | 光存储 | 笔记本 | 网络设备 | 移动存储 | 数码相机
键鼠 | CPU | 音箱 | GPS | 电视 | 服务器 | 投影机 | 机箱电源 | 品牌电脑 | 办公打印 |
| 网站首页 | Cisco | Windows | Linux | Java | Dotnet | Oracle | 网页设计 | 平面设计 | 安全 | 软件应用 | 电脑维修 | 办公维修 |
您现在的位置: 电脑技巧 >> 网页设计 >> Flash >> Action Script >> 网页设计正文

Flash AS制作上升的水泡效果动画

文章来源:中国IT实验室收集整理 作者:佚名 更新时间:2008-1-7 23:15:55 【 】 【加入收藏
  进入网络咨询平台

 本文介绍用Flash的AS代码制作上升的泡泡的动画。

  如果一个一个的画,工作量繁重并且效果并不好。我们利用AS的复制语句来实现水泡的数量,利用设置属性来改变透明度,大小等。最后在影片剪辑中设置水泡的左右摆动。综合在一起就可以实现水泡上升的效果了。

  

  具体步骤:

  1.Flash MX中新建一文档。并适当修改文档属性(400×300,蓝色背景) 。

  2.建一个影片剪辑,命名为“h2o”。进入编辑区以后,利用绘图工具,渐变填充绘制一个水泡。

  3.回到主场景,把图层1命名为“h2o”。从库中把“h2o”影片剪辑拖放到场景的下方,在下面的属性面板中命名它的分身名为“h2o”。

  4.主场景中新建一个图层,命名为“as”。在第1帧添加AS:

i=1 
while(i<=30){ 
       duplicateMovieClip("h2o","h2o"+i,i); 
       setProperty("h2o"+i,_x,random(400)); 
       setProperty("h2o"+i,_y,random(100)+300); 
       setProperty("h2o"+i,_xscale,random(60)+40); 
       setProperty("h2o"+i,_yscale,getProperty(eval("h2o"+i),_xscale)); 
       setProperty("h2o"+i,_alpha,random(30)+70); 
       i++ 

_root.h2o._visible=0 

  5.具体解释如下:

i=1                                  //初始化变量 
while(i<=30){                             //用来控制水珠的数量 
 duplicateMovieClip("h2o","h2o"+i,i);         //复制水珠 
 setProperty("h2o"+i,_x,random(400));        //在X轴上随机分布复制出的水珠 
 setProperty("h2o"+i,_y,random(100)+300);   //同上,只是换成了Y轴 
 setProperty("h2o"+i,_xscale,random(60)+40); 
 setProperty("h2o"+i,_yscale,getProperty(eval("h2o"+i),_xscale)); 
                                     //以上两条AS是用来控制水珠大小的。 
 setProperty("h2o"+i,_alpha,random(30)+70);//用来控制水珠的透明度 
 i++ 

_root.h2o._visible=0                      //将主场景中的水珠隐藏。 

  6.选中影片剪辑“H2O”,添加AS:

onClipEvent (load) { 
 speed = random(5)+3; 

onClipEvent (enterFrame) { 
 this._y -= speed; 
 this._x += random(3)-random(3); 
 if (this._y<-15) { 
    this._y = random(100)+315; 
 } 

  7.上面的AS语句的意思是:

onClipEvent (load) {       //用来随机赋于水珠的速度,让水珠运动更加真实。 
  speed = random(5)+3; 

onClipEvent (enterFrame) { 
 this._y -= speed;     //用来改变水珠Y轴的坐标,这样我们看起来水珠是在不断在上升。 
 this._x += random(3)-random(3);   //为了上水珠运动更真实些,我们上水珠左右晃动一下。 
if (this._y<-15) {                  //此IF语句的作用是当水珠移出屏幕时,重新放回屏幕中来。 
   this._y = random(100)+315; 
 } 

  保存测试。

  • 上一篇网页设计:

  • 下一篇网页设计: 没有了
  • 最 新 热 门
     Flash AS制作上升的水泡效果动画
     小技巧测试Flash中AS代码的执行速度
     Flash 8制作模糊遮罩效果细析
     Firewoks打造炫晕线条字体
     Flash AS教程:旋转立方体
     Flash AS教程:图片环绕旋转效
     Flash AS教程:_visible属性的详细讲解
     在网页中用Flash动画直接播放MP3音乐
     Fireworks制作RockWave摇滚波字体
     将来比较流行的几种网站导航的方向
    最 新 推 荐
     Flash AS制作上升的水泡效果动画
     Flash AS教程:旋转立方体
     Flash AS教程:图片环绕旋转效
     Flash AS教程:_visible属性的详细讲解
     Flash教程:if条件语句的用法
     Flash教程:测试AS代码的执行速度
     Flash教程:trace()的使用
     Flash AS 教程:多种图片切换效果
     Flash AS教程:填色游戏的制作
     flash教程:使用拆分数字和文字的函数
    相 关 文 章

    小技巧测试Flash中AS代码的执行速度
    Flash 8制作模糊遮罩效果细析
    Flash AS教程:旋转立方体
    Flash AS教程:图片环绕旋转效
    Flash AS教程:_visible属性的详细讲解
    在网页中用Flash动画直接播放MP3音乐
    网页中插入Flash按钮与文本
    Flash教程:if条件语句的用法
    Flash教程:测试AS代码的执行速度
    Flash教程:trace()的使用

    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告

     

    Copyright 2006-2008 pcjx.com All Rights Reserved
    电脑技巧 版权所有 粤ICP备06059145号 地图
    本网站所有内容未经许可不得转载或做其他使用