动画范例 「环场虚拟实境」

专案 24 环场虚拟实境

前言

在Flash做这样的效果，就是用Mask去配合Tell Target的方式来完成的。

专案 24


按下向右或向左的按钮即可向右转或左转

步骤 1


请开启Flash，执行Insert→New Symbol指令，产生一个Graphic，命名为"照片"


步骤 2
在"照片"的编辑介面上，Import读入vr.jpg，如 图ex24-1


图ex24-1

步骤 3

确定舞台没有任何物件被选取到的情况下，再执行Insert→New Symbol指令，产生一个Movie Clip，命名为"环场照片"

步骤 4
在"环场照片"的编辑介面，在Frame1之Actions，选择Go To，并在讯息填写栏位的Frame栏位，请见键入"50"， 并且把Go to and Play勾选设定拿掉，如 图ex24-2


图ex24-2

步骤 5
在"环场照片"的编辑介面的Frame2，插入Blank Keyframe

再打开Library，把"照片"拖曳到舞台，并且把"照片"的位置移至舞台的偏右，如 图ex24-3

图ex24-3

步骤 6
在Frame50插入Keyframe，在Frame50将"照片"的位置移至舞台的偏左，如 图ex24-4


图ex24-4

步骤 7
在Frame2与Frame50之间，执行Create Motion Tween指令，做成一段位移动画，如 图ex24-5


图ex24-5

步骤 8

在Frame51插入Blank Keyframe，在Frame51之Actions，选择 Go To，并在讯息填写栏位的Frame栏位，请键入"2"，如 图ex24-6


图ex24-6

步骤3至8，主要的目的是让照片可以头尾接起来，且可以向前或向後播放，不会有尽头，一直循环下去。

步骤 9

回到Scene1场景来，将Layer1命名为"环场照片"，再打开Library，把"环场照片"拖曳到舞台，时间延长至3格Frame。

并且给予"环场照片"一个Instance Name，命名为"pp"如 图ex24-7


图ex24-7

步骤 10


新增一个Layer图层，将此Layer命名为"mask"，在舞台上画一个无外框线的矩型填色，时间延长至3格，再执行mask指令，如 图ex24-8


图ex24-8

步骤 11


新增一个Layer图层，将此Layer命名为"向右按钮"

在舞台上设计一个"向右按钮"的Button，时间延长至3格， 在"向右按钮"图层的Frame2及Frame3都插入Keyframe，如 图24-9


图24-9

步骤 12


点选"向右按钮"图层的Frame1之Actions，选择Tell Target，在Tell Target讯息填写栏位请键入"pp"。

再点选Go To，在Frame栏位键入"2"，并且把Go to and Play勾选设定拿掉，如 图ex24-10


图ex24-10

步骤 13


点选"向右按钮"图层的Frame2之Actions，设为Stop，并且在Frame2建立一个Lebel标签。

建立Lebel的方法为 右键点选Frame2，执行Panels→Frame如 图ex24-11


图ex24-11

在Frame视窗的Lebel栏位键入"1d"，如 图ex24-12。


图ex24-12

那堋Frame2的标签名称就是"1d"

步骤 14


选"向右按钮"图层的Frame3之Actions，设为Stop，并且在Frame3建立一个Lebel标签。Frame3的标签名称命名为"2d"

步骤 15


点选Frame2，再点选舞台上的"向右按钮"，设定其Actions

加一个On Mouse Event，选择Roll Over，如 图ex23-13


图ex23-13

再加Tell Target，在Target栏位键入"pp"，如 图ex24-14


图ex24-14

再点选Go To，在Type栏位选择"Next Frame"，如 图ex24-15


图ex24-15


滑鼠点选NextFrame():的下一行的 "}" ，表示在On Roll Over的事件，我们要在再加一个命令，如 图ex24-16


图ex24-16

请点选Go To，在Type栏位选择"Frame Label"，在Frame栏位选择"2d"，如 图ex24-17


图ex24-17

步骤 16


点选Frame3，再点选舞台上的"向右按钮"，设定其Actions

加一个On Mouse Event，选择Roll Over，再加Tell Target，在Target栏位键入"pp"。

再点选Go To，在Type栏位选择"Next Frame"。

滑鼠点选NextFrame():的下一行的 "}" ，表示在On Roll Over的事件，我们要在再加一个命令。

请点选Go To，在Type栏位选择"Frame Label"，在Frame栏位选择"1d"，如 图ex24-18


图ex24-18

步骤 17


新增一个Layer图层，将此Layer命名为"向左按钮"，在舞台上设计一个"向左按钮"的Button，时间延长至3格， 在"向左按钮"图层的Frame2及Frame3都插入Keyframe，如 图ex24-19


图ex24-19

步骤 18


点选Frame2，再点选舞台上的"向左按钮"，设定其Actions

加一个On Mouse Event，选择Roll Over，再加Tell Target，在Target栏位键入"pp"。

再点选Go To，在Type栏位选择"Previous Frame"。

滑鼠点选PrevFrame():的下一行的 "}" ，表示在On Roll Over的事件，我们要在再加一个命令。

请点选Go To，在Type栏位选择"Frame Label"，在Frame栏位选择"2d"，如 图ex24-20


图ex24-20

步骤 19


点选Frame3，再点选舞台上的"向左按钮"，设定其Actions

加一个On Mouse Event，选择Roll Over，再加Tell Target，在Target栏位键入"pp"。

再点选Go To，在Type栏位选择"Previous Frame"。

滑鼠点选PrevFrame():的下一行的 "}" ，表示在On Roll Over的事件，我们要在再加一个命令。

请点选Go To，在Type栏位选择"Frame Label"，在Frame栏位选择"1d"，如 图ex24-21


图ex24-21

步骤 20


我们把影片播放速率调慢一点，请把FPS设为6，如 图ex24-22


图ex24-22

执行Control→Test Movie 试其效果

《原始档下载》 http://file.flash8.net/Tutorials1/variables/lesson3/vr.fla