`
shuaiqixiao4
  • 浏览: 54293 次
  • 性别: Icon_minigender_1
  • 来自: 天津
最近访客 更多访客>>
社区版块
存档分类

转:flex滤镜:聚光灯效果、放大镜效果、缩放模糊效果、浮雕效果和水波效果

    博客分类:
  • FLEX
阅读更多
可惜提供的源代码没有相应的libs包

1:聚光灯效果:

实例:http://www.rphelan.com/flex/SpotlightDemo/SpotlightDemo.html

    ambientColor - color to apply to all pixels of the image
    angle - angle at which the spotlight is projected (in degrees)
    azimuth - angle between the image plane and the spotlight (in degrees)
    coneAngle - angle of the spotlight's "opening" (in degrees)
    distance - distance from the spotlight to the center point
    intensity - intensity of the spotlight
    position - x, y, z position of the spotlight
    spotColor - color of the spotlight

源文件:http://www.rphelan.com/flex/SpotlightDemo/srcview/index.html

2:放大镜效果:

实例:http://www.rphelan.com/flex/MagnifyDemo/MagnifyDemo.html

    center ([0-2048, 0-2048]) - the center coordinates of the magnified area
    outerRadius (0-500) - the radius of the magnified part of the image
    innerRadius (0-500) - the radius of the fully magnified part of the image
    magnification (1-50) - the amount to magnify the image by (e.g. set to 2 for a 2x magnification)

源文件:http://www.rphelan.com/flex/MagnifyDemo/srcview/index.html

3:缩放模糊效果:

实例:http://www.rphelan.com/flex/ZoomBlurDemo/ZoomBlurDemo.html

    amount (0 - 0.5) - the amount of blur to apply
    center ([0 - 2048, 0 - 2048]) - the focal point of the blur

源文件:http://www.rphelan.com/flex/ZoomBlurDemo/srcview/index.html

4:浮雕效果:

实例:http://www.rphelan.com/flex/SharpenDemo/SharpenDemo.html

    amount (0 - 20) - the amount to sharpen the image by
    radius (0 - 1) - pixel distance to sample from

源文件:http://www.rphelan.com/flex/SharpenDemo/srcview/index.html

5:水波效果:

实例:http://www.rphelan.com/flex/WaveReflectionDemo/WaveReflectionDemo.html

    amplitude (0-1) - the height of the waves
    frequency (0-.54) - how close together the waves are. Higher value = more waves.
    progress (0-1) - percentage of the wave sequence. Animate from 0 to 1 to get a smooth wave effect.

源文件:http://www.rphelan.com/flex/WaveReflectionDemo/srcview/index.html
分享到:
评论
1 楼 pangxin12345 2011-06-03  
必须顶你啊!~

相关推荐

    flex放大镜、flex滤镜、flex图像放大、局部图像放大

    在给定的标题和描述中,“flex放大镜”、“flex滤镜”、“flex图像放大”以及“局部图像放大”都是关于如何利用Flex来增强图像展示效果的关键概念。下面将详细解释这些知识点。 1. Flex放大镜(Magnifying Glass)...

    聚光灯效果Demo 源代码

    【标题】"聚光灯效果Demo 源代码"是一个示例项目,它演示了如何在应用程序中实现聚光灯...通过深入研究这些文件,开发者可以了解并学习到如何在实际项目中实现和集成聚光灯效果,同时也能掌握Flex框架的更多实践技巧。

    Flex 放大镜效果

    6. **Blending Modes**:为了创建更逼真的放大效果,可能还需要使用混合模式(Blending Modes),这可以使得放大区域与背景图像融合得更好。 7. **DisplayObjectContainer**:放大镜的组件通常会包含在...

    Flex 特效2-缩放模糊效果

    在Flex中,我们可以创建各种视觉效果,其中“缩放模糊效果”是一种常见的特效,它可以在元素放大或缩小的过程中添加模糊效果,使得动画更加流畅自然。本篇文档将详细介绍如何在Flex中实现缩放模糊效果,并提供代码...

    Flex水波纹效果project

    Flex水波纹效果项目是一种基于Adobe Flex技术实现的动态视觉效果,主要应用于用户界面设计,为用户提供更加生动、直观的交互体验。Flex是基于ActionScript 3.0和MXML的开源框架,它允许开发者创建丰富的互联网应用...

    flex 缩放模糊 代码

    这个“flex 缩放模糊 代码”主题涉及到Flex应用中的图形处理技术,尤其是关于图像或UI元素的缩放和模糊效果。以下是相关知识点的详细说明: 1. **Flex框架**:Flex是由Adobe开发的开源框架,它基于ActionScript编程...

    Flex滤镜效果

    ### Flex滤镜效果详解 在Flex开发中,为了增加用户界面的美观度和交互性,开发者经常使用各种视觉效果和动画。其中,Flex滤镜效果是实现这些视觉增强的重要手段之一。本文将深入探讨Flex滤镜效果的概念、应用场景...

    flex 图片展示控件(放大镜效果)

    在本文中,我们将深入探讨如何在Flex环境中创建一个图片展示控件,该控件具有放大镜效果。Flex是一种基于ActionScript 3.0的开源框架,用于构建富互联网应用程序(RIA)。通过使用Flex,我们可以轻松地创建交互式、...

    FLEX和FLASH小日本的水波效果

    本文将详细探讨“FLEX和FLASH小日本的水波效果”这一主题,以及与之相关的知识点。 首先,让我们理解一下FLEX。FLEX是Adobe公司开发的一个开源框架,主要用于构建富互联网应用程序(Rich Internet Applications,...

    Flex 特效1-放大镜效果

    - **放大倍数调整**:另一个滑块用来控制放大倍数,这直接影响到放大效果的强度。用户可以根据实际需求调整这个值,以获得最佳的视觉体验。 ### 4. 代码结构分析 - **XML 布局**:示例中的 XML 代码定义了应用程序...

    flex图片放大缩小

    在本文中,我们将深入探讨如何使用Flex布局来实现图片的放大和缩小功能。Flex布局,全称为Flexible Box,是CSS3中的一个布局模型,旨在提供更灵活、响应式的网页设计解决方案。通过理解Flex布局的基本原理,我们可以...

    flex 图片放大,放大镜显示

    在本文中,我们将深入探讨如何在...总的来说,Flex提供了丰富的工具和API,使得创建像图片放大和放大镜效果这样的复杂交互变得相对简单。通过熟练掌握这些技术,开发者可以为用户提供更加丰富和直观的图像浏览体验。

    flex缩放时鼠标周边效果

    在网页设计和开发中,"flex缩放时鼠标周边效果"是一种高级的交互设计技术,它借鉴了类似谷歌地图的缩放体验,为用户提供了一种动态、直观的查看和操作内容的方式。这种效果通常用于数据可视化、图像浏览或任何需要...

    flex翻书效果 flex翻书效果

    Flex翻书效果是一种在网页或应用中实现模拟真实书籍翻页动画的技术,它利用了CSS3中的Flexbox布局模型和一些动态效果来创造出逼真的翻页体验。在现代Web开发中,这种效果常用于电子书、杂志或者产品展示等场景,以...

    不错的flex杂志效果

    Flex杂志效果是一种基于Adobe Flex技术实现的数字出版物模拟翻页效果,常见于电子杂志、电子报纸等在线阅读应用中。这种效果通过动态渲染页面,模拟真实的纸张翻页动作,带给用户更接近传统纸质阅读体验的交互感受。...

    Flex中使用滤镜

    本文将深入探讨如何在Flex中使用滤镜,并基于提供的两个文件名——"magnify.pbj"和"magnify.pbk",我们将特别关注放大滤镜(MagnifyFilter)的应用。 首先,滤镜是ActionScript 3.0的一个特性,它允许开发者为Flash...

    flex中动画效果

    Flex 是 Adobe 推出的一种用于构建富互联网应用程序(RIA)的框架,它允许开发者创建具有交互性和动态视觉效果的应用程序。在 Flex 3.0 中,动画效果是增强用户体验的关键特性之一,允许开发者通过编程方式实现多种...

    flex特殊效果实例

    本资源"Flex源码大合集"是一个集合,包含了多种Flex项目的源代码实例,适用于开发者深入学习和理解Flex的特殊效果和功能。 1. **Flex框架**:Flex框架是Adobe提供的一个开发工具,它允许开发者使用MXML和...

    Flexible Rails: Flex3 on Rails2

    此外,《Flexible Rails: Flex 3 on Rails 2》还包含了一些热门技巧和其他有用的信息,如最佳实践、调试技巧等,这些都为开发者提供了宝贵的参考资源,帮助他们更高效地使用Flex 3和Rails 2。 通过上述内容,我们...

    3D效果Flex源码

    源码可能展示了如何应用不同的纹理和光源模式(如点光源、平行光和聚光灯)来增强3D场景的视觉效果。 6. **交互性与用户控制**:Flex的事件驱动模型使得开发者能够轻松地添加交互元素,如鼠标点击、拖放等。源码...

Global site tag (gtag.js) - Google Analytics