FLEX各种特效集合

时间:2021-09-21 18:42:19

http://www.noupe.com/adobe/flex-developers-toolbox-free-components-themes-and-tutorials.html经典中的经典

http://demo.quietlyscheming.com/fisheye/TileExplorer.html (2D)鱼眼效果

http://www.efflex.org/EfflexExplorer.html堪称经典

http://mofeichen.javaeye.com/blog/466171里面有好多特效例子

http://www.marcusschiesser.de/?p=67 3D相册,还不错

http://www.switchonthecode.com/tutorials/getting-started-with-adobe-flex-and-away3d 3D旋转-有源码

http://actionscriptnotes.com/showcase/renju/Main.html flex 开发的五子棋,效果很好

http://dougmccune.com/blog/2008/02/26/examples-from-my-360flex-session-using-open-source-community-projects/

包括:VistaFlow效果、MP3Flow等其他

http://dougmccune.com/360Flex_ATL/FlexSpyEventListeners/flex图表和datagrid切换效果

http://www.flextheworld.com/flash/AmazonWindowDemo.swf 3D效果

1.旋转

效果:http://www.alex-uhlmann.de/flash/adobe/blog/distortionEffects/effectCube/

代码:http://weblogs.macromedia.com/auhlmann/archives/DistortionEffects.zip

2.画布按钮

http://dougmccune.com/blog/2007/06/01/new-component-canvasbutton-added-to-flexlib/

3.鱼眼工具条

效果:http://dev.getoutsmart.com/labs/dock/

代码:http://dev.getoutsmart.com/labs/dock/dockdemo.zip

4.窗口

http://www.returnundefined.com/flexmdi/explorer/

http://diaztorres.com/bin-release/test_html

5.切换效果

http://blogs.digitalprimates.net/codeSlinger/samples/carousel/CarouselTest.html

6.图片展示

效果:http://.diaztorres.com/samples/aladinotest/aladino_test.html

代码:http://www.madeinflex.com/img/entries/2008/01/aladino.zip

7.自定义载入进度条

http://blog.diaztorres.com/2007/05/mipreloader/mipreloaderdemo.html

8. Mac弹出窗口

http://blog.xsive.co.nz/archives/244

9.果冻特效弹出窗口

http://blog.sban.com.cn/2008/04/01/jelly-effect-alert-html

10.Alert弹出效果

http://www.cnblogs.com/taobataoma/archive/2008/01/13/1037082.html

11.自定义ToolTip

图片:http://everythingflex.com/flex2/ImageToolTip/Index.html

视频:http://labs.flexcoders.nl/samples/ToolTip/video/002/

弹性:http://labs.flexcoders.nl/samples/ToolTip/spring/001/

12. http://flanture.blogspot.com/2008/05/simple--effects-example.html

13.果冻效果: http://blog.sban.com.cn/2008/04/01/jelly-effect-alert-html

14.BOOK: http://www.quietlyscheming.com/blog/components/flexbook/

1:聚光灯效果:

实例:http://www.rphelan.com//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//SpotlightDemo/srcview/index.html

2:放大镜效果:

实例:http://www.rphelan.com//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//MagnifyDemo/srcview/index.html

3:缩放模糊效果:

实例:http://www.rphelan.com//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//ZoomBlurDemo/srcview/index.html

4:浮雕效果:

实例:http://www.rphelan.com//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//SharpenDemo/srcview/index.html

5:水波效果:

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

在Tourde FLEX的Data Visualization的IBMILOG下面的3DCharts一个超牛的的网站,可惜只有部分源码,核心源码没有
http://visudemos.ilog.com/webdemos/charts3d/charts3d.html
TurdeFlex FLEX这个应用程序大家估计都熟悉:大致包括各种组件使用示例,AIR应用程序,云API,FLEX数据访问方式示例,MAP,PLAYER,布局,FLEX框架

下面这几个依然是IBM的的FLEX示例,纯FLEX做的,也都是有部分源码
http://visunetdemos.demos.ibm.com/webdemos/calendar/calendar.html
http://visunetdemos.demos.ibm.com/webdemos/pivot/pivot.html
http://visunetdemos.demos.ibm.com/webdemos/charts3d/charts3d.html
http://visunetdemos.demos.ibm.com/webdemos/gauges/gauges.html
http://visunetdemos.demos.ibm.com/webdemos/radar/radar.html
http://visunetdemos.demos.ibm.com/webdemos/orgchart/orgchart.html
http://visunetdemos.demos.ibm.com/webdemos/timeline/timeline.html
http://visunetdemos.demos.ibm.com/webdemos/mapdashboard/mapdashboard.html

下面的这个其实是专门给FLEX做特效的网站
http://www.efflex.org/EfflexExplorer.html
http://www.efflex.org/

FLEX 3D方面的
主流四个开源3D框架资源: 
一、        下载地址: 
papervision3d: http://code.google.com/p/papervision3d/ 
Sandy 3D: http://code.google.com/p/sandy/ 
Away 3D: http://code.google.com/p/away3d/ 
alternativa3d:http://alternativaplatform.com/en/alternativa3d/(需注册后才能下载)

二、        官方网站: 
papervision3d: http://www.papervision3d.org/ 
Sandy 3D: http://www.flashsandy.org/ 
Away 3D: http://away3d.com/ 
alternativa3d:http://alternativaplatform.com/en/

三、        推荐技术博客: 
papervision3d: http://mrdoob.com/blog/ 
Sandy 3D: http://kiroukou.media-box.net/blog/index.php 
Away 3D: http://away.kiev.ua/away3d/techdemos/ 
alternativa3d:http://blog.alternativaplatform.com/en/

其它开源3D框架以及相关开源3D框架相关资源:

一 project3d(一个我很感兴趣的非主流开源3D框架,呵呵,感觉非主流这三字有点别扭) 
project3d 下载地址: http://project3d.googlecode.com/ 
网上某著名网站采用此3D框架的一个简单应用示列(源文件下载): 
http://www.asflash.cn/blog/wp-content/uploads/2008/06/3dmenu.rar

二wow-engine(致力于将物理与3D相结合的开源框架) 
wow-engine下载地址:http://wow-engine.googlecode.com/ 
wow-engine官方网站:http://seraf.mediabox.fr/wow-eng ... -engine-wow-engine/

三 Go3D(只看了下Dome,个人感觉用来做些三维的互动小效果很不错) 
Go3D svn下载地址:http://goplayground.googlecode.com/svn/trunk/JohnGrden/GO3D

四 Doomed online(一个野心勃勃的开源项目,似乎要将经典的Doom游戏做成flash3D的,目前0.1版本也很不错了,有点味道) 
Doomed online 下载地址:http://code.google.com/p/doomedonline/