Flash实例教程:AS3.0打造漂亮水纹效果_Flash

　　在这个Flash AS3.0实例教程中，我们将用到置换图滤镜（DisplacementMapFilter）和BitmapData类的的杂点功能（perlinNoise），这两个家伙常常给我们带一些令人兴奋的效果，它们今天的合作为我们创造了一个漂亮的的水汶，看看下面的动画，应该还不错吧。

　　现在我开始来构建这个漂亮的水纹：

　　既然是水纹，我想首先要找一张含水的图片吧，百度一下吧，河道，湖泊，水池，你喜欢就行。

　　1、新建一AS3.0文档，将帧频设为30，将你刚百度到的图片导入到库中，点右键，在属性面板中将“使用JPEG导入品质”前的钩钩去掉，这样做图片的体积就会大大地减小哦。

　　2、新建一个影片剪辑元件，将图片拖到舞台上，设置图片的大小，你想设多大呢？反正我是按默认的550x400。图片在大小与文档大小一样大。点击对齐面板，相对于舞台居中对齐。

　　3、回到主场景，将MC拖到舞台上，居中放置，为它设置一个实例名称，我用的是“pic”图层上锁。

　　4、新插入一图层，将图片（注意是图片不是MC），拖到舞台上，打开对齐面板，宽高匹配，居中对齐。现在第1,2层的图像是完全重合的，请确认是这样的。选择图片，点击修改>分离，将水面部分选出，删除。可以将第1层隐藏，看看删除后的效果。

　　如下图：

　　5、新建一层用来写代码，打开动作面板，输入下列代码：

1. var bmp:BitmapData = new BitmapData(550,400);
2. var zh:DisplacementMapFilter = new DisplacementMapFilter(bmp,new Point(0,0),1,2,10,600);
3. var p1:Point = new Point();
4. var p2:Point = new Point();
5. var zdxg:Array = [p1,p2];
6. addEventListener(Event.ENTER_FRAME ,ld);
7. function ld(e:Event):void {
8. zdxg[0].x += 0.2;
9. zdxg[1].y += 0.1;
10. bmp.perlinNoise(168,5,2,4,true,true,2,true,zdxg);
11. pic.filters = [zh];
12. }

　　OK，测试影片，一个漂亮的水汶效果立即出现在你的眼前。

　　代码分析：

　　首先声明了一个与图片一样大的BitmapData类实例bmp，用来作为置换图滤镜的参数。

　　var bmp:BitmapData = new BitmapData(550,400);

　　然后声明一个置换图滤镜zh，将bmp作为参数。

　　var zh:DisplacementMapFilter = new DisplacementMapFilter(bmp,new Point(0,0),1,2,10,600);

　　接下来声明了两个点，并将这两个点放到到一个叫zdxg的数组中，这个数组将用于bmp产生杂点的参数。

　　var p1:Point = new Point();
　　var p2:Point = new Point();
　　var zdxg:Array = [p1,p2];

　　然后，在ENTER_FRAME事件中调用ld函数。

　　addEventListener(Event.ENTER_FRAME ,ld);

　　ld函数，动态改变两个点的位置，然后使bmp应用杂点功能，在每一帧的间隔产生不同的杂点效果，使置换滤镜效果产生变化，最后让影片剪辑pic,应用滤镜，实现水汶效果。

　　function ld(e:Event):void {
　　zdxg[0].x += 0.2;
　　zdxg[1].y += 0.1;
　　bmp.perlinNoise(168,5,2,4,true,true,2,true,zdxg);
　　pic.filters = [zh];
　　}

Flash实例教程:AS3.0打造漂亮水纹效果_Flash_||太平洋电脑网相关推荐

Flash实例教程：鼠标感应放大缩小动画_Flash_||太平洋电脑网
本Flash教程教你制作一个跟随鼠标变大变小的动画特效,主要利用遮罩来实现的. 效果: 下面是制作步骤: 首先新建文档. 图1 然后导入一幅图片当做背景,我们首先把图片转换为影片剪辑元件,然后在该图层 ...
Flash入门教程:给任意照片添加雪景动画_Flash_||太平洋电脑网
本例是Flash入门教程:给任意照片添加雪景动画,学习视频文件的导入.嵌入,影片剪辑的创建操作.先看看效果演示: 准备工作:雪景图片.下雪的视频. 1.打开Flash,新建FLA文件. 2.导入图片: ...
Axure RP实例教程：组合弹出菜单效果
Axure RP 9 Mac这款原型设计软件能让设计者快速创建应用软件,或者在web网站的线框图.流程图.原型和规格的设计制作,从低到高的视觉和交互保真度的全方位构建,是目前业界首屈一指的交互式产品原 ...
Win10 App如何走代理?Win10应用代理教程_Win10技巧_太平洋电脑网PConline
Win10 App如何走代理?Win10应用代理教程_Win10技巧_太平洋电脑网PConline http://www.pconline.com.cn/win10/725/7259509.html ...
Flash实例教程：AS3.0实现逼真喷泉效果_Flash
先看效果演示: 在这个实例教程中,我们将介绍利用速度向量和重置对象的技巧来实现喷泉效果.所谓向量就是有方向的量.比如一辆车从东向西以80公里每小时的速度行驶,那么我们就可以得到汽车的速度向量,它包括两 ...
[ActionScript 3.0] AS3.0 下雨及涟漪效果
帧代码: stage.frameRate = 80;function init(x1:Number,y1:Number) {var mc:MovieClip=new MovieClip();addCh ...
苹果退款_苹果退款理由怎么写_苹果退款教程|流程【图文】-太平洋电脑网PConline-太平洋电脑网...
相信不少 iPhone 和 iPad 玩家都曾经试过不小心够买错 iOS 软件的经历,但是很多人都不知道其实 App Store 是可以退款的,而且是可以无理由退款的,只要你坚持就OK了! 但是请注意 ...
计算机考试qq用户找回密码,找回QQ密码_详细讲述QQ密码找回教程方法【图文】-太平洋电脑网PConline-太平洋电脑网...
QQ号码对于现在大多数人来说就如我们的手机号码一样重要,而QQ密码是QQ的重要保障.QQ密码忘记后,找回QQ密码就必不可少,那么QQ密码怎么找回?怎么快速找回呢?下面我就分享下QQ密码找回的几种高几率 ...
html密保问题设置,QQ密保设置方法_怎么设置QQ密保详细教程【图文】-太平洋电脑网PConline-太平洋电脑网...
我们都知道在QQ申请成功之后,为了QQ账号的安全,我们可以设置密保问题,当我们下次更改密码的时候就需要输入密保问题才可以更改,这样当QQ被盗的时候,想要更改密码也不是那么的容易,同时也可以保护我们的Q ...

Flash实例教程:AS3.0打造漂亮水纹效果_Flash_||太平洋电脑网

Flash实例教程:AS3.0打造漂亮水纹效果_Flash_||太平洋电脑网相关推荐

最新文章

热门文章