手机
当前位置:查字典教程网 >网页设计 >Flash教程 >Flash实例教程:3D旋转图片
Flash实例教程:3D旋转图片
摘要:这种相册有一定立体感觉,但由于没有用到BITMAP类,而且在算法上,还有一定的问题。所以制作出来的效果,总不是很理想。让我有些头晕。或许是现...

Flash实例教程:3D旋转图片1

这种相册有一定立体感觉,但由于没有用到BITMAP类,而且在算法上,还有一定的问题。所以制作出来的效果,总不是很理想。让我有些头晕。或许是现在看得太多了的原故吧。呵呵...演示:

http://www.taoshaw.com/taoshaw/study/qiang_xiangce/

制作过程有点复杂。我写慢点吧。这个动画的代码其实不是很难,只是算法上有些麻烦。

1、新建一个元件"my_btn",用于在场景中响应鼠标事件的按钮。

Flash实例教程:3D旋转图片2

2、然后在触发帧中绘制一个矩形。

Flash实例教程:3D旋转图片3

Flash实例教程:3D旋转图片4

3、然后再创建一个元件。用于加载图片信息之用。

Flash实例教程:3D旋转图片5

Flash实例教程:3D旋转图片6

4、创建一个遮照层,用于遮照显示图片内容。

Flash实例教程:3D旋转图片7

Flash实例教程:3D旋转图片8

5、创建影片剪辑"mc_all"。把刚才创建的元件my_di拖到舞台中,设置实例名。

Flash实例教程:3D旋转图片9

Flash实例教程:3D旋转图片10

6、创建"tu_mc",用于把刚才创建的元件全部利用起来。

Flash实例教程:3D旋转图片11

7、并且建立几个图层。

Flash实例教程:3D旋转图片12

8、在图层mc_all中。把刚才建议的元件mc_all拖到场景中,并设置实例名"tn_mc"。

Flash实例教程:3D旋转图片13

9、在mc_zhe层中,把建立的mc_zhe元件拖到场景中,设置实例名为mask。

Flash实例教程:3D旋转图片14

10、在按钮层中,我不用说。大家也应该知道该怎么做了吧,OK。就是把库中的按钮拖到舞台中。然后赋加实例名。

Flash实例教程:3D旋转图片15

11、回到场景中,在舞台用动态文本框添加一个动态文本。用于显示图片的标题信息。

Flash实例教程:3D旋转图片16

12、新建一个图层,将刚才创建的tu_mc元件拖到场景中。并设置实例名。

Flash实例教程:3D旋转图片17

13、添加AS吧。

Flash实例教程:3D旋转图片18

源文件:

Flash实例教程:3D旋转图片19

qiang_xiangce.rar

【Flash实例教程:3D旋转图片】相关文章:

Flash AS3教程:简单表现照片底片效果

flash教程:利用AS脚本功能实现图片模糊变清晰

Flash AS3教程:ImageLoader类

flash羽化遮罩动画实例教程

flash基础教程之缩放、旋转和倾斜对象

Flash AS3实例教程:快速制作烟雾动画

Flash AS3实例:制作有音乐的七彩小球动画

Flash教程:铰连身体部分的方法

Flash教程:交换方法制作嘴型吻合

Flash AS 教程:交互动画

精品推荐
分类导航