大年夜,在整flex 3d旋转呵呵。
传说大年夜写程序,来年发财 哈哈。
Flex 4 提供 的Rotate3D 效果实现旋转效果 和 手动设置ui.rotationY 的效果完全不一样,这种效果就好像你写意思一样的两行代码“求美女”,Rotate3D 返回的给你的是“林志玲”,ui.rotationY返给你的却是“凤姐”,我靠,这还得了,吓死人。后来找遍了各种原因,翻遍了各种api,把flash的3D变换框架都掏了个底朝天,最后终于让哥发现,那个环节把“林志林”偷梁换柱成“凤姐”了。
在大揭秘之前,容许哥先讲一讲flex 3D旋转的几种方式。
1:Rotate3D 效果显示旋转
2: matrix3D,详情查看flex 4的帮助文档。用法(设置ui.transform.matrix3D = new Matrix3D,然后设置各种属性)
3:PerspectiveProjection(透视)
重点了,就是想直接这是 rotationY的值就让她马上绕y轴旋转,而且要有Rotate3D的效果,某昂搞。。
看下面重点代码:
var p:PerspectiveProjection = new PerspectiveProjection();
p.fieldOfView = 55; //翻了翻,发现默认的视角距离是55
p.projectionCenter = new Point(ui.width/2,ui.height/2 ); //视角点,狠重要,也就是说你眼睛的点。
ui.transform.perspectiveProjection = p;
OK,这几个属性搞定,再也不会出现凤姐了。
有人说,如果说我想批量请求林志玲某昂搞呢?
哥有办法,看下边;
关系: group1.addElement( group 2); group1.addElement( group 3);
批量实现: group1.transform.perspectiveProjection = p; OK搞定
解释批量和单个请求的区别;
单个请 求美眉:
|-------------------------
| |
| 0(视点) |
| ------------------------|
批量:
group1 (视角不同偏转反响也不同。2,3又偏转,4,5左偏转 )
|------------------------------------------------------------------------------------------------------------------------|
| |----------------| |-----------------| |-------------| |-------------| |
| | group2 | | group3 | 0(视点) | group4 | | group5 | |
| |-----------------| |----------------- | |--------------| | -------------| |
|-------------------------------------------------------------------------------------------------------------------------|
分享到:
相关推荐
本篇文章将深入探讨如何在Flex4中实现3D旋转效果。 首先,让我们了解Flex4中的3D基础。在Flex4中,3D功能主要由两个关键组件提供支持:`SparkPrimitive3D`和`View3D`。`SparkPrimitive3D`是用于创建3D几何形状的...
flex 3d饼图旋特效AS控制类,和MXML实现类
"效果展示"通常指的是利用Flex3D创建的各种视觉特效,可能包括旋转、缩放、平移等基本变换,以及复杂的光照、纹理映射、粒子系统等高级效果。在移动网管系统中,这些效果可能被用来构建逼真的网络设备模型,展示设备...
然后,这些角度被用来更新`transformMatrix`,并将其应用到立方体的`matrix3D`属性上,从而实现3D旋转。 请注意,这只是一个基础示例,实际项目中可能需要更复杂的逻辑来处理边缘条件、平滑滚动、限制旋转范围等...
1. 示例项目:这些项目展示了如何使用Flex 3D创建各种3D效果,比如旋转、缩放、平移的对象,以及更复杂的效果如3D模型的动画、碰撞检测和用户交互。通过研究这些示例,你可以学习到如何在自己的应用中实现类似的功能...
在这个场景中,我们讨论的是一个使用FLEX实现的具有3D旋转效果的鱼眼菜单,当用户点击菜单项时,页面会以3D旋转的方式进行切换。 首先,我们需要了解FLEX布局的基础知识。FLEX布局允许开发者设置容器内的子元素如何...
Flex 3D,全称Adobe Flex 3D,是...综上所述,"flex3d实例"涉及的不仅是3D图形编程,还包括了软件架构、性能调优、用户交互等多个方面的知识。通过深入学习和实践这些实例,开发者能够掌握创建高质量3D RIA的技能。
这个“rotate.zip”压缩包中的内容显然是关于使用Flex来实现一个具有3D旋转效果的登录框,这对于提升用户体验和界面美观度非常有帮助。以下是关于Flex、3D效果和自定义控件的相关知识点的详细介绍: 1. **Flex框架*...
总之,FLEX的3D旋转功能为开发者提供了创造各种动态视觉效果的可能性。通过对源码的理解和修改,我们可以根据需求定制独特的3D旋转动画,提升应用的用户体验。无论是简单的对象旋转还是复杂的轮播组件,FLEX都能胜任...
这可以帮助你精确控制3D旋转的起始位置、结束位置和持续时间。 5. **事件监听**:当用户点击login按钮时,需要添加事件监听器来响应这个交互。然后在事件处理函数中启动3D切换效果的动画。 6. **DisplayObject容器...
Flex3D框架提供了丰富的API和工具,让开发者能够构建复杂的3D场景,包括旋转、缩放、平移等操作,以及添加光照、材质、纹理等元素,来增强3D对象的表现力。 这个"Flash3DTest"可能包含了以下关键组成部分: 1. **...
在Flex中,我们可以使用MXML或ActionScript来实现3D效果,例如使用`<mx:ViewStack>`或`<mx:Canvas>`组件进行3D布局,并通过`translate3D()`、`rotate3D()`等函数控制对象的位移和旋转。在实现3D螺旋相册时,图片会...
在“Flex 3D 立方体”项目中,Sandy 3D引擎被用来构建一个可交互的3D立方体,用户可能可以通过旋转、缩放或平移来观察立方体的不同面。 要运行这个项目,你需要Adobe Flash Builder 4,这是一个集成开发环境(IDE)...
2. **使用Sprite和Transform3D**:为了实现3D旋转,我们需要使用Sprite类,并应用Transform3D对象。Sprite允许我们添加交互性和动画效果,而Transform3D提供了对3D变换的支持,包括旋转、平移和缩放。 3. **旋转...
Flex 3D标签云是一种在Flex平台上创建动态、立体效果的标签展示技术,它通过将传统的二维标签转换为三维空间中的旋转元素,为用户提供了更直观、更具视觉吸引力的交互体验。这种技术常用于网站、应用程序或者数据...
Flex 3D的实现基于Adobe的Flash Player或Adobe AIR运行时环境,它提供了强大的图形处理能力和3D渲染引擎。开发者可以利用ActionScript 3.0,Flex的编程语言,来编写控制这些3D标签行为的代码。ActionScript 3.0是一...
在Flex中实现3D地图的关键在于利用了Flex的图形渲染能力和第三方库,如 Away3D 或 Papervision3D,这些库提供了强大的3D图形处理能力。Away3D是一个轻量级且高效的3D引擎,能够帮助开发者轻松创建复杂的3D场景,而...
4. **分析和自定义**:研究源码,理解3D特效的实现原理,然后根据需求进行自定义,如更改标签内容、颜色、旋转速度等。 5. **调试和优化**:在开发过程中,可能会遇到错误或性能问题。使用调试工具进行排查,并根据...
3D菜单就是一个典型的自定义组件例子,它扩展了基础的Flex菜单组件,添加了3D旋转、平移等视觉效果。 5. **ActionScript 3.0**:作为Flex的主要编程语言,ActionScript 3.0提供了一种强大的面向对象的语法,支持类...
Flex3D图片浏览器的"旋转"功能是通过编程控制图片在3D空间中的旋转,可能包括X、Y、Z轴上的平移、旋转和缩放。用户可能通过鼠标或触摸输入来交互式地改变视角,或者应用程序自身可以预设一定的动画路径,让图片自动...