Flex迷你教程 — SDK3.2+TweenLite实现Amazon window shop 3D浏览效果

Posted by Kevin Luo at 18 March 2009

Category: 3D, Flex 迷你教程

Tags: , , ,

从 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 (378)

229 Comments

  1. zeta says

    感谢啊~~~这个效果喔中意

    Reply

  2. wjk says

    谢谢了

    Reply

  3. glee says

    学习下 windowsshop 效果非常 cool!

    Reply

  4. Marco says

    kankan

    Reply

  5. sgfslight says

    see see xian

    Reply

  6. sdf says

    very nice

    Reply

  7. cash says

    谢谢,很中意这个效果

    Reply

  8. lingxia1du says

    要的就是这个效果!!!

    Reply

  9. noise says

    reply

    Reply

  10. xuliang says

    good

    Reply

  11. moon says

    verygood

    Reply

  12. feifei says

    so good!

    Reply

  13. xu says

    thanks

    Reply

  14. dyw says

    thank you

    Reply

  15. dyw says

    thank you !

    Reply

  16. titan says

    good

    Reply

  17. zh says

    学习下

    Reply

  18. ithanshui says

    学习

    Reply

  19. huangjx says

    thx

    Reply

  20. ljdam says

    这个东西好啊,下载学习。感谢分享!

    Reply

  21. aa says

    thz

    Reply

  22. hinus says

    想下载代码看看

    Reply

  23. S says

    看看

    Reply

  24. y says

    thanks a lot

    Reply

Leave a Reply

Leave a Reply
  • (required)
  • (required) (will not be published)