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

Posted by Kevin Luo at 18 March 2009

从 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变换.

进入演示

源文件下载:

SourceFile (630)

233 Comments

Milo says (19.03.2009 at 12:57 AM):

领教了

Reply
wendc says (19.03.2009 at 9:15 AM):

see

Reply
dsd says (19.03.2009 at 9:56 AM):

PV3D出来的效果？

Reply
Kevin Reply:
March 19th, 2009 at 10:17 AM
不是，flash 10自己的3d功能

Reply
avsama says (20.03.2009 at 9:19 AM):

good

Reply
ve says (20.03.2009 at 1:07 PM):

knkn

Reply
renddie says (20.03.2009 at 8:11 PM):

十分期待

Reply
ligan says (20.03.2009 at 11:11 PM):

here i come

Reply
glassbat says (22.03.2009 at 3:49 PM):

多谢啊，真是很好的东西

Reply
3721 says (23.03.2009 at 10:42 AM):

看看

Reply
jackie says (23.03.2009 at 2:09 PM):

看看是具体怎么回事

Reply
song says (26.03.2009 at 5:47 PM):

学习中
多谢提供好的东东

Reply
tonwe says (28.03.2009 at 2:20 AM):

好东西

Reply
shiyoi says (28.03.2009 at 6:00 PM):

效果不错

Reply
pizone says (30.03.2009 at 1:13 PM):

非常的酷。。。。。

Reply
kele says (30.03.2009 at 11:53 PM):

what ?

Reply
三希堂主 says (31.03.2009 at 9:34 PM):

不错，学习一下。

Reply
经典保持联络 says (31.03.2009 at 9:37 PM):

很好呀，，，我喜欢，，，

Reply
kula says (31.03.2009 at 11:05 PM):

效果非常好, 谢谢你的源代码

Reply
火炎神 says (31.03.2009 at 11:53 PM):

很不错可以代替pv3d

Reply
刀巴 says (1.04.2009 at 6:09 AM):

感謝您=

Reply
aboutab says (1.04.2009 at 9:58 PM):

Thanks for your sharing

Reply
sugar says (2.04.2009 at 7:00 PM):

GOOD!

Reply
fangyu12 says (2.04.2009 at 9:27 PM):

学习

Reply
jjjkk says (3.04.2009 at 11:03 AM):

有意思，看看

Reply
finersoft says (3.04.2009 at 10:53 PM):

thanks

Reply
洪肃齐 says (4.04.2009 at 1:54 PM):

这个3d效果很不错啊

Reply
好棒内 says (5.04.2009 at 2:20 AM):

学习呀哈啊哈

Reply
磊 says (6.04.2009 at 8:53 PM):

不错啊，哈哈

Reply
psqfto says (7.04.2009 at 5:52 PM):

先下载下来看看

Reply
bruce says (9.04.2009 at 5:06 PM):

good job

Reply
heihei says (10.04.2009 at 10:50 AM):

非常不错哇

Reply
dfgd says (10.04.2009 at 2:09 PM):

xia wenjian

Reply
yyy says (10.04.2009 at 2:48 PM):

不错啊

Reply
gankuer says (11.04.2009 at 3:15 PM):

谢谢分享

Reply
小强 says (11.04.2009 at 4:45 PM):

不错，欣赏一下

Reply
dj918 says (11.04.2009 at 9:52 PM):

kankan

Reply
willstrong says (12.04.2009 at 4:09 PM):

very good!!

Reply
soqiang says (13.04.2009 at 8:53 PM):

so qiang

Reply
hb says (13.04.2009 at 10:55 PM):

thank you

Reply
kobe says (14.04.2009 at 9:05 AM):

It Is amazing

Reply
Udie says (15.04.2009 at 1:46 PM):

想看一眼

Reply
Flex God says (15.04.2009 at 2:44 PM):

TankinsTankins

Reply
可可 says (15.04.2009 at 3:06 PM):

GOOGLE

Reply
kiss rain says (15.04.2009 at 4:01 PM):

Very good! I like flex!

Reply
sospolotmd says (17.04.2009 at 3:52 PM):

look

Reply
倪秀妍 says (19.04.2009 at 10:20 AM):

我要下载

Reply
袁伟道 says (19.04.2009 at 6:14 PM):

I love this demo~~~

Reply
Simon says (19.04.2009 at 6:46 PM):

study~

Reply
fskr_sb says (20.04.2009 at 3:05 PM):

非常感谢。学习学习

Reply
kings says (21.04.2009 at 9:57 AM):

i likes free
!!!

Reply
liyi-6868@hotmail says (21.04.2009 at 7:10 PM):

学习

Reply
lzx says (21.04.2009 at 7:34 PM):

支持一下

Reply
tielang says (22.04.2009 at 5:23 PM):

just look thany you

Reply
wei says (23.04.2009 at 11:50 AM):

好啊

Reply
pingjiang says (23.04.2009 at 11:07 PM):

很好很强大

Reply
zope says (24.04.2009 at 10:33 AM):

thanks you sample

Reply
jiang says (24.04.2009 at 1:22 PM):

太牛比了

Reply
wang says (24.04.2009 at 3:38 PM):

很好，很喜欢，希望能有收获！

Reply
ginny says (25.04.2009 at 11:51 AM):

不错~

Reply
orion says (27.04.2009 at 10:21 AM):

不错~

Reply
miao says (27.04.2009 at 12:48 PM):

很酷

Reply
tonglaiz says (27.04.2009 at 1:28 PM):

谢谢学习一下感谢

Reply
kaer says (27.04.2009 at 1:39 PM):

看看了，学习学习

Reply
liuzx says (27.04.2009 at 7:10 PM):

学习

Reply
nico says (27.04.2009 at 8:30 PM):

看看学校下啊

Reply
MFC says (29.04.2009 at 8:51 PM):

hao

Reply
xiang says (30.04.2009 at 10:05 AM):

see

Reply
jiu says (2.05.2009 at 2:09 AM):

hao

Reply
Bash says (4.05.2009 at 9:47 AM):

great

Reply
Pika says (4.05.2009 at 2:49 PM):

nice

Reply
555 says (6.05.2009 at 9:59 AM):

very good
so cool

Reply
匿名 says (7.05.2009 at 2:02 PM):

thank you very much

Reply
啊卜 says (7.05.2009 at 7:18 PM):

Cool~~~~

Reply
changfeng says (8.05.2009 at 2:18 PM):

Very Well

Reply
day711 says (8.05.2009 at 4:59 PM):

thank you

Reply
小心 says (8.05.2009 at 6:08 PM):

源码能下吗

Reply
online car insurance says (9.05.2009 at 11:41 AM):

您的网页精致。

Reply
jensen says (11.05.2009 at 9:26 PM):

thanks!

Reply
yu says (12.05.2009 at 4:46 PM):

ok I want to see the source thank you

Reply
梦游 says (13.05.2009 at 11:08 PM):

我要源代码…

Reply
karl says (14.05.2009 at 4:23 PM):

………………….

Reply
deeplives says (15.05.2009 at 3:50 PM):

厉害厉害

Reply
god says (16.05.2009 at 5:20 PM):

looy

Reply
haha says (17.05.2009 at 8:44 PM):

页面做的非常漂亮

Reply
karl says (19.05.2009 at 4:18 PM):

下载

Reply
good says (21.05.2009 at 3:10 PM):

reply

Reply
heng says (24.05.2009 at 9:08 PM):

good

Reply
zone says (25.05.2009 at 10:22 PM):

good sample

Reply
stan says (26.05.2009 at 12:09 AM):

thanks

Reply
mice says (26.05.2009 at 2:50 PM):

cool

Reply
hello says (27.05.2009 at 12:48 AM):

好东西啊

Reply
zhuwei says (27.05.2009 at 10:55 AM):

ok.好东西啊

Reply
s.momoko says (27.05.2009 at 4:22 PM):

谢谢分享。原来sdk就可以实现啦。

Reply
continueFlex says (29.05.2009 at 7:55 PM):

so cool

Reply
Actions says (31.05.2009 at 10:06 AM):

原来sdk就可以实现啦。

Reply
jay says (31.05.2009 at 1:55 PM):

学习

Reply
wo says (31.05.2009 at 4:14 PM):

不错看看

Reply
whj says (3.06.2009 at 8:26 PM):

what is it ?

Reply
wit says (10.06.2009 at 8:51 PM):

谢谢！

Reply
kinling says (12.06.2009 at 12:23 PM):

不错

Reply
anonymouse says (14.06.2009 at 12:44 PM):

very well.

Reply
hehe says (17.06.2009 at 8:58 AM):

呵呵，不错。

Reply
dfdsfj says (20.06.2009 at 5:35 PM):

很好，很强大啊

Reply
aaaaaa says (26.06.2009 at 7:33 AM):

aaaaaaaaaaaaaa

Reply
sadf says (27.06.2009 at 10:02 AM):

sadf

Reply
helxsz says (30.06.2009 at 8:46 AM):

flash player 的3d功能有没有 papervision 强大呢

Reply
Kevin Luo Reply:
June 30th, 2009 at 10:07 AM
Flex 4的3d只是很基础的功能，它没有场景摄像头，Flash Player 10在对3d的支持中有很多优化，你可以试试把p3d做的程序放在fp9和fp10中运行，会有明显的差别

Reply
kevinguo007 says (2.07.2009 at 4:34 PM):

真炫啊，下来做一下

Reply
ntsys says (3.07.2009 at 12:24 AM):

昏。。还要回复

Reply
小于 says (4.07.2009 at 4:01 PM):

不错

Reply
woe says (9.07.2009 at 7:49 AM):

我要看代码

Reply
wander says (11.07.2009 at 12:24 PM):

我正在看代码

Reply
caofeng says (14.07.2009 at 5:14 PM):

谢谢….

Reply
caofeng says (15.07.2009 at 2:04 PM):

我在Flex Builder 3中编辑有这个错误：
Multiple markers at this line: -Cannot resolve attribute ‘rotationX’ for
component type mx.containers.HBox. -Cannot resolve attribute ‘z’ for component
type mx.containers.HBox.

Reply
caofeng Reply:
July 15th, 2009 at 4:21 PM
这个问题自己解决了，在当前项目的Properties ->Flex Compiler 中将Require Flex Player Version: 的版本设为10就可以了

Reply
Angine says (16.07.2009 at 11:25 AM):

Nice~!

Reply
mike says (16.07.2009 at 1:36 PM):

3ks
a lot

Reply
evan says (17.07.2009 at 3:29 AM):

非常感谢，楼主辛苦了

Reply
zz says (17.07.2009 at 2:12 PM):

very good!

Reply
jialong says (21.07.2009 at 11:54 AM):

好像没有windowshop炫哦！

Reply
baiyunrei says (22.07.2009 at 1:07 PM):

非常感谢，下来学学

Reply
alisa says (23.07.2009 at 10:31 PM):

一直都想找的，谢谢

Reply
qifeng061 says (24.07.2009 at 10:18 AM):

好像下过一次了，不过丢了，再下一次吧！再次感谢版主！

Reply
alin says (27.07.2009 at 10:42 AM):

3Q

Reply
zibo says (4.08.2009 at 1:26 PM):

学习一下

Reply
uncle says (5.08.2009 at 3:19 PM):

看起来很强大啊

Reply
millionhy says (5.08.2009 at 4:30 PM):

学习一下了

Reply
ai says (5.08.2009 at 5:26 PM):

强大

Reply
jun says (7.08.2009 at 10:19 AM):

感谢版主，

Reply
a says (7.08.2009 at 9:26 PM):

版主不错啊

Reply
changmeng says (8.08.2009 at 9:44 AM):

很好

Reply
ray says (11.08.2009 at 1:37 PM):

good

Reply
gd says (11.08.2009 at 3:15 PM):

沃尔沃额外热温热我认为

Reply
bfb says (13.08.2009 at 12:52 PM):

sdfsdf

Reply
sss says (16.08.2009 at 3:18 PM):

效果非常好, 谢谢

Reply
robin says (16.08.2009 at 5:56 PM):

thansk

Reply
snowteng17 says (18.08.2009 at 9:10 AM):

thanks

Reply
aaa says (19.08.2009 at 3:16 PM):

aaa

Reply
CC says (22.08.2009 at 2:54 AM):

很棒!謝謝

Reply
zman says (26.08.2009 at 10:44 AM):

效果太炫了

Reply
james says (26.08.2009 at 6:18 PM):

perfect!

Reply
leciawalli says (27.08.2009 at 12:54 PM):

global home individual features agreement actual actual [url=http://www.newspostonline.com]degree sources release referred[/url] http://www.scientificamerican.com

Reply
省电 says (27.08.2009 at 1:04 PM):

i want to see code

Reply
night says (31.08.2009 at 10:40 AM):

i want to see code

Reply
lu qian Reply:
August 31st, 2009 at 8:45 PM
great

Reply
游客 says (2.09.2009 at 9:23 AM):

回复一下，学习一下

Reply
HuGo says (2.09.2009 at 1:15 PM):

不错。效果很炫的。

Reply
jk says (3.09.2009 at 12:56 PM):

Reply

Reply
untimer says (3.09.2009 at 8:40 PM):

学习学习~

Reply
MING says (3.09.2009 at 11:45 PM):

LOOK_LOOK

Reply
yyw says (4.09.2009 at 4:44 PM):

good

Reply
EndyChen says (7.09.2009 at 8:39 AM):

真不错，我也要下来研究研究

Reply
ice says (8.09.2009 at 9:40 AM):

看看代码，haha

Reply
feng Reply:
December 1st, 2009 at 8:40 AM
thank you

Reply
aaaadd says (11.09.2009 at 11:51 AM):

真炫啊，下来做一下

Reply
1 says (14.09.2009 at 4:10 PM):

1

Reply
zhuang says (21.09.2009 at 11:26 PM):

下载研究下，谢谢啊

Reply
dd says (23.09.2009 at 11:48 AM):

hehe ding!

Reply
tang says (24.09.2009 at 10:25 PM):

good

Reply
tom says (26.09.2009 at 10:10 PM):

学习一下

Reply
abs says (28.09.2009 at 8:32 PM):

repo

Reply
ergth says (29.09.2009 at 9:51 AM):

gftnthdmkyhn

Reply
ergth says (29.09.2009 at 10:02 AM):

7o79o789p9

Reply
flex2009 says (29.09.2009 at 10:55 AM):

顶。。。。。。。。。。。

Reply
liuyuan says (29.09.2009 at 1:07 PM):

谢谢！

Reply
tome says (29.09.2009 at 3:14 PM):

GOOD!我很需要！！

Reply
xyj says (7.10.2009 at 9:05 PM):

下载研究下，谢谢啊

Reply
路西法 says (16.10.2009 at 11:20 PM):

好炫的效果学习一下

Reply
11111111 says (19.10.2009 at 10:38 AM):

12321321

Reply
zy says (21.10.2009 at 2:07 PM):

下来看看,谢谢分享

Reply
jianghao says (24.10.2009 at 9:49 AM):

很好，下来看看，学习！

Reply
fleyy says (28.10.2009 at 10:39 AM):

very good demo,thanks

Reply
不错 says (4.11.2009 at 9:49 PM):

不错

Reply
Dhkoma says (6.11.2009 at 12:24 AM):

哈哈有代码~

Reply
oo says (7.11.2009 at 2:39 PM):

good

Reply
李日强 says (9.11.2009 at 11:13 PM):

非常感谢

Reply
aadfasdfa says (10.11.2009 at 10:29 AM):

a

Reply
spring says (10.11.2009 at 10:32 AM):

coll!

Reply
tt says (12.11.2009 at 2:02 PM):

ddddd

Reply
sdsd says (12.11.2009 at 5:01 PM):

初学者，多谢楼主！

Reply
lyb says (14.11.2009 at 12:41 AM):

very good

Reply
yunei says (17.11.2009 at 3:18 PM):

xiexie

Reply
xiaomaobuli says (20.11.2009 at 2:28 PM):

非常感谢，试试~

Reply
wmy says (20.11.2009 at 5:02 PM):

我也很想学习一下！！先谢谢！！

Reply
lfhd says (23.11.2009 at 3:58 PM):

Study!

Reply
litter says (24.11.2009 at 12:56 PM):

学习学习

Reply
foxer says (24.11.2009 at 8:47 PM):

好好学习

Reply
axte says (26.11.2009 at 10:38 AM):

学习

Reply
guduming says (30.11.2009 at 10:46 PM):

qiang a !!!~~~~

Reply
ddd says (1.12.2009 at 10:20 AM):

xuexi

Reply
rad says (1.12.2009 at 5:30 PM):

学习

Reply
sures says (2.12.2009 at 9:30 PM):

good!

Reply
steve says (4.12.2009 at 11:57 AM):

good job

Reply
Forever says (7.12.2009 at 2:43 PM):

看不到下载地址啊·

Reply
周超亿 says (9.12.2009 at 3:11 PM):

很不错的特效，很炫

Reply
BlueTears says (10.12.2009 at 1:55 AM):

学习一下

Reply
makyoo says (14.12.2009 at 4:42 PM):

thX

Reply
eric_ma says (18.12.2009 at 3:57 PM):

thanks very much

Reply
marco says (21.12.2009 at 10:32 AM):

非常好

Reply
ttodle says (21.12.2009 at 11:59 AM):

xxxxxxxxxxxxxxxxxxxxxxxxx

Reply
sdf says (21.12.2009 at 2:41 PM):

sdfdsf

Reply
jiw says (22.12.2009 at 10:09 AM):

学习一下

Reply
hdware says (23.12.2009 at 7:56 PM):

谢谢博主。

Reply
BASEAREA says (25.12.2009 at 12:31 AM):

XIEXIE

Reply
zeta says (25.12.2009 at 4:40 PM):

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

Reply
wjk says (26.12.2009 at 10:59 AM):

谢谢了

Reply
glee says (26.12.2009 at 6:06 PM):

学习下 windowsshop 效果非常 cool！

Reply
Marco says (27.12.2009 at 1:28 PM):

kankan

Reply
sgfslight says (30.12.2009 at 11:31 AM):

see see xian

Reply
sdf says (5.01.2010 at 3:51 PM):

very nice

Reply
cash says (6.01.2010 at 10:03 AM):

谢谢，很中意这个效果

Reply
lingxia1du says (7.01.2010 at 5:15 PM):

要的就是这个效果！！！

Reply
noise says (9.01.2010 at 4:26 PM):

reply

Reply
xuliang says (11.01.2010 at 11:54 AM):

good

Reply
moon says (13.01.2010 at 9:24 AM):

verygood

Reply
feifei says (14.01.2010 at 5:46 PM):

so good!

Reply
xu says (19.01.2010 at 10:21 AM):

thanks

Reply
dyw says (19.01.2010 at 6:02 PM):

thank you

Reply
dyw says (19.01.2010 at 6:03 PM):

thank you !

Reply
titan says (20.01.2010 at 10:46 AM):

good

Reply
zh says (20.01.2010 at 10:27 PM):

学习下

Reply
ithanshui says (21.01.2010 at 1:30 PM):

学习

Reply
huangjx says (21.01.2010 at 2:22 PM):

thx

Reply
ljdam says (21.01.2010 at 8:33 PM):

这个东西好啊，下载学习。感谢分享！

Reply
aa says (22.01.2010 at 11:06 AM):

thz

Reply
hinus says (23.01.2010 at 11:23 AM):

想下载代码看看

Reply
S says (26.01.2010 at 10:14 PM):

看看

Reply
y says (28.01.2010 at 3:41 PM):

thanks a lot

Reply
HEATH29Latasha says (13.03.2010 at 12:37 AM):

Following my own analysis, millions of persons in the world get the home loans from different creditors. So, there is a good possibility to receive a auto loan in all countries.

Reply
muzi says (7.06.2010 at 8:58 PM):

谢谢了啊，经常来看你的文章。很有帮助

Reply
Kevin Luo Reply:
June 7th, 2010 at 9:08 PM
：）

Reply
lv says (13.07.2010 at 8:51 AM):

Louis Vuitton
Gucci Shoes
Hermes Handbags
christian louboutin
Louis Vuitton
Gucci Bags
Cheap gucci shoes
wholesale gucci shoes
louis vuitton
herve leger
Rolex Watches
Omega Watches
louis vuitton multicolore
louis vuitton vernis
louis vuitton multicolore
louis vuitton vernis

Reply

Flex the world

Flex, AIR, FMS, P2P and Things……

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

进入演示

源文件下载:

233 Comments

Leave a Reply

Follow Me On

博客内容

Call Me

热门文章

文章分类

友情链接

朋友们的链接

来自wordpress chinese

最新留言

Flex the world

Flex, AIR, FMS, P2P and Things……

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

进入演示

源文件下载:

233 Comments

Leave a Reply

Follow Me On

博客内容

Call Me

热门文章

云

文章分类

友情链接

朋友们的链接

来自wordpress chinese

最新留言