搜狐首页-新闻-体育-娱乐-财经-IT-汽车-房产-家居-女人-TV-ChinaRen-邮件-博客-BBS-搜狗 
简单易学 教你如何用Flash MX 制作旋转展厅

时间:2005年04月14日17:50  来源:PConline 热点排行】 【推荐】 【打印】【关闭
我来说两句 我来说两句 即时新闻通知 进入新闻论坛 相关新闻:
 


  旋转展厅是一个很实用的效果,许多大型的网站和个人主页都采用了这种效果,效果如图0所示。旋转展厅的功能就是通过旋转来展示图片。那这种功能如何通过Flash来实现呢?其实也很简单,读者只要懂一点AS知识即可完成。下面,笔者就来教大家制作旋转展厅的方法。

 

首先,设置场景的大小为700*200像素,背景色为白色,帧频为12fps。当然,用户可以根据自己具体的需要来设置场景的大小,但代码中的数值需要做相应的改变,这个笔者将会在文中做交代的。

1.按快捷键Ctrl+R导入4张图片,分别命名为“1”、“2”、“3”、“4”,如图1所示。

图1

  2.创建一个名为“图片”的影片剪辑元件。按快捷键Ctrl+L打开“库”,把“库”中的“图片”拖入该元件场景的1至4帧中。接着按住Shift键点选第1帧和第4帧,再点选右键,在弹出的菜单中选择“拷贝帧”命令,再右键点选第5帧,在弹出的菜单中点选“粘贴帧”命令。注意:图片的左顶点要在场景中央的位置上。如图2所示。调节图片的位置可以按快捷键Ctrl+K打开“对齐”面板进行辅助设置。

图2

  3.按快捷键Ctrl+F8创建一个名为“图片动画”的影片剪辑元件。在元件的编辑场景中创建一个“脚本”层和一个“图片”层。如图2所示。点选“脚本”层的第2帧并按F7键插入一个空白关键帧。右键点选该帧,按F9打开“动作”面板输入一下代码。这段代码主要是虚拟图片的三维效果,实现图片前后的层次感。

// 3d 转换
theta += _parent.speed;
xbit = Math.sin(Math.PI/180 * theta);
ybit = Math.cos(Math.PI/180 * theta);
// 加350使图片围绕场景中央旋转
this._x = xbit*this.radius+350;
this._y = 100;
this._alpha = 30+(ybit+1)*60;
this._xscale = ybit*this.panel+50;
this._yscale = this.panel+(ybit+1)*3+80;
// Math.round()是将参数 x 的值向上或向下舍入为最接近的整数并返回值
stack  =Math.round((ybit+1)*radius*2);
if (stack==100) {
 stack=101;
}
// swapDepths()可以将一个影片移到另一个影片的上面或下面
this.swapDepths(stack);


[1][2][下一页]


页面功能   【我来说两句】 【热点排行】 【推荐】 【字体:  】 【打印】  【关闭

 ■ 相关链接

 ■ 我来说两句
用  户:        匿名发出:
请各位遵纪守法并注意语言文明。
 
*经营许可证编号:京ICP00000008号
*《互联网电子公告服务管理规定》
*《全国人大常委会关于维护互联网安全的规定》
手机
包月自写5分钱/条

最新制作 想唱就唱
夏天的味道 哪一站



精品专题推荐:
谁说赚钱难告诉你秘诀
测IQ交朋友,非常速配
就让你笑火暴搞笑到底

短信订阅
焦点新闻魅力贴士伊甸指南魔鬼辞典



公社热图


·[组图]大陆第一美女模特
·[图]这就是人死后世界?
·女星中的九大混血妖姬









搜狐商城
 
·数码|iPod nano¥1799
·I T|1G 微盘特价¥399
·家电|飞利浦耳机特价
·家电|USB音箱5折
·家电|飞利浦耳机特价
更多...
-- 给编辑写信
Copyright © 2017 Sohu.com Inc. All Rights Reserved.搜狐公司 版权所有 全部新闻 全部博文