Flash模拟360度互动环景的简单方法
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-14
熟悉Director多媒体制作的朋友都知道,在Director里实现360度环景效果是非常简单的,那么在Flash中能否实现这样的效果呢?如果可以的话,怎么去实现呢?答案是用Flash完全可以实现这样的效果,以前我们在杂志上也看过这种效果的实现方法,但是过程显得比较繁琐,而且其中使用了大量的Action动作指令,新手们学起来不是很容易。 下面我就使用一种相对简单的方法,只需要使用到很简单的Action,来实现完全一样的效果。 制作思路其实很简单,关键是用Mask(遮罩)去配合Tell Target指令的方式来完成的。下面我们就来看看具体如何在Flash中来实现。 一、素材的准备 在制做360度全景之前,我们需要先准备好连续的一些照片,也就是我们所要展示场所中环绕一周的照片,您可以事先拍好,然后将不同角度的照片处理成一整张连续的照片,这里大家可以打开为您准备的素材源文件,里面已经准备好了本实例需要的环景照片和按钮。 二、正式制作 1.制作"照片"Graphic组件 启动Flash后(本例中我们使用的是Flash的最新版Flash mx),首先选取Insert(插入)→New Symbol(新建组件)菜单命令,新建一个Graphic组件,并命名为"照片","照片"组件的编辑区中,将图库中已经准备好的位图vr拖到编辑区中,如图1所示: 图1 2.制作"环场照片"Movie Clip组件 再次选择Insert→New Symbol指令,新建立一个Movie Clip(电影剪辑)组件,并命名为"环场照片",在"环场照片"组件的编辑状态下,选择图层Layer1的第一帧,调出Actions面板,添加as指令:gotoandstop(50),如图2所示: 图2 在"环场照片"组件的编辑区中,给图层Layer1的第二帧上插入Blank Keyframe(空白关键帧),再打开Library图库,把"照片"组件拖到编辑区中,并且把"照片"组件的位置移至编辑区的偏右方,如图3所示: 图3 在第50帧插入Keyframe(关键帧),在第50帧将"照片"的位置移至舞台的偏左方,在第2帧与第50帧之间,执行Create Motion Tween指令,做成一段移动过渡动画,如图4所示: 图4 在第51帧处插入一个Blank Keyframe,在第51帧上加Gotoandplay(2)指令,主要的目的是让照片可以头尾接起来,且可以向前或向后播放,不会有尽头,一直循环下去。 3.布置主场景 回到主场景中,将默认的图层Layer1重命名为"环场照片",再打开Library,把"环场照片" Movie Clip组件拖曳到舞台上,并且在此图层的第三帧插入一个Keyframe(关键帧),将时间轴延长至第三帧,并且将"环场照片"组件在Properties面板中命名为"pp",以便我们在后面的Action中对此组件进行控制,因为我们在制作"环场照片"组件的时候,其第一帧是空白的,所以"环场照片"组件在主场景中显示为一个白色的圆点,如图5所示: 图5 在主场景中再新增一个图层,将此图层重命名为"mask",这一层要作为Mask层来使用。然后在舞台上画一个无外边框线的矩型,并将其填充上合适的填色,同样将此图层的时间线延长至第三帧,最后在图层"mask"上点鼠标右键,执行Mask命令,将本层设置为遮罩层,如图6所示: 图6 4.添加Action 在主场景中新增一个图层,将此图层命名为"right",用来放置向右的按钮,将此图层的前三帧全部设置为关键帧,如图7所示: 图7 接下来 给"right"图层的第一帧添加如下所示的Action: tellTarget ("pp") { gotoAndStop(2); } //一开始播放影片的时候,就跳转到电影剪辑pp("环场照片"组件)的第2帧,但是并不//立即播放,而是停下来,这样就可以通过方向按钮来对pp的播放进行控制。 给"right"图层的第二帧添加如下所示的action: Stop(); 并且在第2帧建立一个Lebel标签"ld". 给 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |
你可能对下面的文章感兴趣
上一篇: Flash常用mc属性控制下一篇: 快闪手册——Alt键的妙用
关于Flash模拟360度互动环景的简单方法的所有评论