Flex the world » 3D http://www.flextheworld.com Flex, AIR, FMS, P2P and Things...... Fri, 06 Aug 2010 01:47:07 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Flex迷你教程 — SDK3.2+TweenLite实现Amazon window shop 3D浏览效果 http://www.flextheworld.com/2009/03/flex-3d-amazon-window.html http://www.flextheworld.com/2009/03/flex-3d-amazon-window.html#comments Wed, 18 Mar 2009 15:26:15 +0000 Kevin Luo http://www.flextheworld.com/?p=469 从 Flex SDK3.2开始，Adobe 对所有可视化控件增加了3D控制属性 rotationX, rotationY, rotaionZ, Z等。今天就用这四个属性模拟亚马逊的Windowshop (http://www.windowshop.com/)，当然这里只是为了演示在Flex SDK 3.2+中我们可以比较容易的实现这样的效果，代码中并没有研究自动对焦到任意图片的算法，只是模拟对焦到两张图片。

Demo中用到了TweenLite对坐标变换进行动画效果处理，TweenLite在众多Tween package中效率是上乘的。在这里下载.

亚马逊 window shop截图:

amazon

Demo:

点击Demo中的按钮会对焦放大到响应图片，移动Slider bar尝试3D变换.

demo1

进入演示

源文件下载:


SourceFile (638)

]]> http://www.flextheworld.com/2009/03/flex-3d-amazon-window.html/feed 233