`
ilinker
  • 浏览: 64715 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类

Flex对图片的处理例子

    博客分类:
  • Flex
阅读更多

对我有一定的参考价值,所以放在这里。

 

 

这段时间研究了一下flex的图片处理,参照了网上一个flash的代码.弄了个flex版的图片波动特效,感觉挺好的.

  简单功能:  鼠标放上去,进入每桢,开始波动;鼠标离开,波动停止.

  主要部分代码:(没有太多注释!)

     public function drawWaves():void
  {
     
      particles = new Array();
      FBitmapData = new BitmapData(width,height+20,false,0x00000000);//这个 BitmapData用来生成一个波纹的位图

      FPerlinBitmapData = new BitmapData(width,20,false,0x00000000);//这是一个存放Perlin杂色的位图
      
      FBitmapData.draw(FImg,null,null,BlendMode.OVERLAY);
    

      addChild(FImg); 
     
      this.scrollRect= new Rectangle(0,0,width,height);
      FRectangle = new Rectangle(0,0,width,height);
      FPoint_1 = new Point(0,0);
      FPoint_2 = new Point(0,0);     
      FMatrix.translate(0,height-20);
      FBlur = new BlurFilter(4,4,3);//一个模糊滤镜,用来为生成波纹位图服务
          
       
     }
      
    private function onEnterFrame(aEvent:Event):void //之后每进入一帧都重复此过程,这样就出现了一系列连续的波纹位图
    {
     if(FStartWave)
     {
      //以下主要就是如何生成连续的波纹位图的代码
      FPoint_1.x += 1;
      FPoint_1.y += .5;
      FPoint_2.x += 5;
      FPoint_2.y += 2;//这些都是为生成连续Perlin 杂点服务的 
      FPerlinBitmapData.perlinNoise(width/2,10,2,12345,false,true,1,true,[FPoint_1, FPoint_2]);//生成杂点函数
      FBitmapData.draw(FPerlinBitmapData,FMatrix);//将杂点画在上一个波纹位图最底端,作为新的激荡点
      FBitmapData.applyFilter(FBitmapData, FRectangle, new Point(0,-5), FBlur);//使用前面的那个模糊滤镜,主要模拟波纹扩散的效果
      FDisplacement = new DisplacementMapFilter(FBitmapData, new Point(0,0), 1,1,0,-40,"color",0x000000,100);//用这张波纹位图创建一个DisplacementMapFilter,用来产生折射效果
      FImg.filters=[FDisplacement];
      
     }
   }

分享到:
评论

相关推荐

    flex鱼眼显示图片的例子

    在IT行业中,Flex是一种基于ActionScript和MXML的开源框架,主要用于构建富互联网应用程序(RIA)。这个"flex鱼眼显示图片的例子...如果你对Flex编程、ActionScript或图形处理感兴趣,这个项目会是一个很好的学习资源。

    Flex4.6+java+servlet上传图片例子+图片上传预览

    这个"Flex4.6+java+servlet上传图片例子+图片上传预览"的项目,结合了前端的Flex技术和后端的Java Servlet,为我们提供了一个完整的解决方案。下面将详细解释这个项目的各个组成部分及其工作原理。 首先,让我们来...

    Flex图片上传实例

    在本篇文章中,我们将深入探讨一个具体的Flex图片上传实例,并对其中涉及的关键技术点进行详细解读。此实例不仅提供了一个实际的上传图片的应用场景,而且还包含了一些实用的代码片段,这对于想要了解如何在Flex中...

    FLEX 背景图片设置

    注意,我们使用了`BitmapAsset`类来加载嵌入的图片资源,这是AS3中处理嵌入图片的一种方法。 此外,你可能需要考虑背景图片的拉伸和裁剪问题。默认情况下,`<s:Image>`或`Image`对象会尝试保持原始图片的比例。如果...

    flex 图片浏览,flex图片滚动效果

    在本案例中,"flex 图片浏览,flex图片滚动效果"是指利用Flex技术实现的动态图片展示和浏览功能,它能为用户提供流畅、交互性强的图片查看体验。 在Flex中,我们可以使用各种组件来创建图片浏览和滚动效果。主要...

    FLex 左右滑动图片墙

    在本文中,我们将深入探讨...通过学习和应用上述知识点,开发者可以创建出一个功能完备且用户体验良好的FLex图片墙应用。这个实例不仅展示了Flex在UI设计上的灵活性,也体现了AS3在处理用户交互和动画方面的强大能力。

    Flex TileList图片展示(相册)

    在Flex编程中,TileList控件是一个非常有用的组件,它允许...以上就是“Flex TileList图片展示(相册)”案例所涉及的主要技术点。通过理解并实践这些知识点,开发者可以创建出功能丰富、用户体验良好的图片展示应用。

    Flex图片预览功能的实现

    一、Flex图片预览组件基础 在Flex中,我们可以利用MX或Spark组件库中的Image组件来展示单张图片。然而,为了实现多图预览和滚动效果,我们需要自定义组件或者使用现有的第三方库,如在本例中的"photocoverflowLayout...

    flex和java做的图片上传的小例子

    总的来说,这个"flex和java做的图片上传的小例子"是一个很好的起点,对于想要学习或加深理解Flex和Java集成开发,以及图片上传流程的开发者来说非常有价值。通过研究这个例子,开发者可以了解到前后端通信的基本原理...

    flex生成图片并保存

    在Flex中,我们可以利用其强大的图形处理能力来生成图片,并将其保存到本地或者服务器。本篇文章将详细探讨如何在Flex中实现这一功能。 首先,我们来看标题中的“flex生成图片并保存”。在Flex中,我们可以使用...

    flex 图片预览

    总之,“flex 图片预览”项目展示了如何结合Flex布局和JavaScript实现一个高效、可定制的图片预览功能,对于Web开发者来说,这是一个很好的学习和参考案例,有助于提升项目中的用户体验设计。如果你对项目中的具体...

    flex图片显示 很绚丽的图片显示

    在本文中,我们将深入探讨如何在Flex环境中实现绚丽的图片显示功能。Flex是一种基于ActionScript 3.0的开源框架,用于构建富互联网应用程序...无论是简单的图片显示还是复杂的图片处理,Flex都能满足开发者的需求。

    FLex例子大全,绝对源码

    学习这些示例,开发者可以更好地理解Flex的事件处理、动画机制、UI组件的定制以及与其他资源(如图片)的交互。每个示例都提供了一个具体的使用场景,有助于将理论知识转化为实际操作技能。源码的分析和实践将加深对...

    flex学习例子,本人学习过程中做的例子

    通过下载和研究这个"flex学习例子",你可以深入了解Flex的各个方面,包括组件使用、数据交互、事件处理和状态管理等,对于学习和提升Flex开发技能非常有帮助。同时,与社区的交流也是学习过程中的重要环节,你可以与...

    Flex图书系统小例子

    Flex图书系统小例子是基于Adobe Flex技术开发的一个小型应用程序,主要展示了如何利用Flex构建富互联网应用(RIA,Rich Internet Applications)来实现图书管理功能。在《Flex程序设计》这本书中,作者详细介绍了...

    flex图片上传功能,包括图片预览

    标题中的“flex图片上传功能,包括图片预览”是指使用Adobe Flex技术实现的图片上传和预览功能。Flex是基于ActionScript(AS)3.0的开放源代码框架,主要用于构建富互联网应用程序(RIA)。这一功能允许用户在Web...

    FLEX的一个DataGrid例子

    如果需要对特定列或单元格进行定制,比如显示图片或按钮,可以创建自定义的项渲染器。这通常涉及创建一个继承自`mx.controls.gridClasses.GridColumn`或`mx.controls.gridClasses.GridColumnHeader`的类,并覆盖其`...

    flex图片浏览(带图片缩放功能)

    对于"flex图片浏览(带图片缩放功能)"这个应用,我们需要使用Flex中的Image组件来显示图片。Image组件能够加载和显示各种图像格式,包括JPEG、PNG、GIF等。以下是一个简单的例子: ```mxml ('path/to/your/image.jpg...

    flex 图片操作

    在本话题中,我们将探讨“flex图片操作”,这涉及到如何使用Flex来处理和展示图片,包括调整角度和应用滤镜等视觉效果。 一、Flex中的图片显示 在Flex中,我们可以使用`mx.controls.Image`组件来显示图片。这个...

Global site tag (gtag.js) - Google Analytics