物件缩放

文章类别：Flash | 发表日期:2008-9-21 20:11:37

　　 ※闪吧※<a target=_blank href=http://www.flash8.net<img src=../img/flash/20089212073255477801.gif border=0 align=absMiddle height=16 width=16> <a href="www.flash8.net" TARGET=_blank>[ 点击下载 ]</a></a>]

FLASH 4 : 物件缩放

http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" width="550" height="400"> http://www.flash8.net/file/Tutorials1/1015/26/26.swf";> http://www.flash8.net/file/Tutorials1/1015/26/26.swf"; quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"; type="application/x-shockwave-flash" width="550" height="400">

想学点儿比较进阶的FLASH动作指令吗? 这次介绍的主题是倾向於进阶的动作指令，所以省略了基本的绘图的方式，所有图形皆已存成元件，方便读者直接取用练习，不多说....快来看看吧....

http://www.flash8.net/file/Tutorials1/1015/26/pic1.gif"; width="267" height="253">

http://www.flash8.net/file/Tutorials1/1015/26/pic7.gif"; width="153" height="312">1

右图是整个范例所用到的元件。

首先在第一个图层影格位置，从图库中拉出GIRL图形元件，如左图所示。

妹妹很可爱吧(不是我画的)，她就是等等要被我们放大缩小的物体了....

http://www.flash8.net/file/Tutorials1/1015/26/pic2.gif"; width="273" height="278">

新增一个MASK图层，并且从图库中拉出MASK 图形元件，如左图所示。

这个图层的目的是不让妹妹放大时，所见的范围超出这个框框，就像看电视时，只有在萤幕范围内看的见而已。先暂时这样，等等再设定成遮色片.....

http://www.flash8.net/file/Tutorials1/1015/26/pic3.gif"; width="276" height="296">

新增一个button图层，并且从图库中拉出Button+ 和 Button- 按钮元件，还有BG图形元件，框在黄色图形的外围，如左图所示。

BG图形是用来做为萤幕的外框，等等才不会黑鸦鸦的一片，不知道萤幕的范围是多大。而按钮当然是一个放大，一个缩小罗....

此图层还没结束呢! 接下来才是整个主题的重点了，Action指令......

http://www.flash8.net/file/Tutorials1/1015/26/line1.gif"; width="239" height="201">

点选妹妹图形，按滑鼠右键-->内容-->定义，将性质由图像改为影片片段，於实体选项加入实体名称:girl，如左图所示改成下图。

http://www.flash8.net/file/Tutorials1/1015/26/line2.gif"; width="239" height="174">

http://www.flash8.net/file/Tutorials1/1015/26/line4.gif"; width="158" height="434">　

左图是Action指令的所有选项，列出来供参考。
在影格中按滑鼠右键--->内容--->动作--->"+"，就会出现了。

http://www.flash8.net/file/Tutorials1/1015/26/line3.gif"; width="265" height="95">

接下来要新增一个影片片段(Ctrl+F8)，元件名称取名为uptrigger，参考上图。此段影片没有任何图形，完全是Action动作指令，是控制妹妹放大的部分。

第1影格的动作指令为停止。若没有设定停止的话，则一开始图形会不按照牌理放大或缩小，了解吗?

http://www.flash8.net/file/Tutorials1/1015/26/line5.gif"; width="212" height="59">

左图是第2影格的整个动作指令。

在此分为3部分，详述如下:

http://www.flash8.net/file/Tutorials1/1015/26/line6.gif"; width="235" height="171">

左图是第1部分:设定变数

还记得那位妹妹的实体名称是什麽吗?是girl，那麽放大或缩小的妹妹名称是什麽呢?我们给她一个名称叫做girl:virtual。

+10 为指定妹妹每次的放大率。

http://www.flash8.net/file/Tutorials1/1015/26/line7.gif"; width="234" height="185">

http://www.flash8.net/file/Tutorials1/1015/26/line8.gif"; width="232" height="184">

上图是第2部分:设定内容

将放大後妹妹的X值指定回girl。

上图是第3部分:设定内容

将放大後妹妹的Y值指定回girl。

http://www.flash8.net/file/Tutorials1/1015/26/pic8.gif"; width="23" height="22">

p.s. 数值部分要按左图的地方，指定为"表示法"。

http://www.flash8.net/file/Tutorials1/1015/26/line9.gif"; width="224" height="65">

http://www.flash8.net/file/Tutorials1/1015/26/line10.gif"; width="234" height="251">

上图是第3影格的动作指令(前往)。

右图是(前往)指令的设定值:
在影格项的编号栏位输入 2，将控制项的前往并拨放打勾。

也许你又要问为什麽要加入这个动作指令呢?其实这个影格并不会影响物体的缩放，而纯粹只是配合按钮的动作指令控制图形的连续缩放动作而已。

http://www.flash8.net/file/Tutorials1/1015/26/line11.gif"; width="229" height="113">

同样依上述方式新增另一个影片片段，取名为downtrigger，或是在图库中复制uptrigger元件，名称修改为downtrigger也可。

其中第1、3影格内容与uptrigger的第1、3影格内容相同，第2影格的动作指令如左图。

此段影片是控制妹妹缩小的部分，所以将 +10 改为 -10，并且还新增了一个"假如"指令，此段指令的目的是当妹妹缩小到指定的大小时，便不会再继续缩小了。

http://www.flash8.net/file/Tutorials1/1015/26/pic4.gif"; width="278" height="238">

回到button图层，将图库中的uptrigger和downtrigger两个元件拉到影片中，由於是没有图形的元件，所以在影片中看到的是一个小圈圈，如左图所示。

点选uptrigger小圈圈，按滑鼠右键-->内容-->定义，命名实体名称:uptrigger，点选downtrigger小圈圈命名实体名称:downtrigger。

http://www.flash8.net/file/Tutorials1/1015/26/line18.gif"; width="219" height="254">

http://www.flash8.net/file/Tutorials1/1015/26/line19.gif"; width="216" height="253">

点选影片中Button+按钮，按滑鼠右键--->内容--->动作--->"+"--->滑鼠事件，整个动作指令如上图所示。

前半段是配合uptrigger影片片段的动作指令，当滑鼠按下按钮不放时，可以使图形有连续的放大动作；後半段是当滑鼠放开时，告知目标停止放大的动作。

同样方式，点选影片中Button-按钮，动作指令设定值如上图所示。

回到button图层的影格，设定最後的Action指令，如下图所示。

此段的意思是将取得的目标物内容(改变缩放值後的girl)，指定给girl:virtual。

http://www.flash8.net/file/Tutorials1/1015/26/line20.gif"; width="467" height="172">

http://www.flash8.net/file/Tutorials1/1015/26/pic5.gif"; width="275" height="297">

终於完成了........所有的Action动作指令，就差一点点就要完工了。

参考左图，将MASK图层移至GIRL图层之上，将属性设定为遮色片。这样子就完工了。

P.S. 若觉得图形底下很单调，也可从图库中将PC-NET影片片段拉至影片中增加一点儿动态效果。

下一课：http://www.flash8.net/file/Tutorials1/1015/25.htm";>跳动文字(1)

Windows操作 [文]	Word教程 [文]	Excel教程 [文]	PowerPoint [文]	Dreamweaver [文]	Fireworks [文]
Flash教程 [文]	PhotoShop [文]	CorelDraw [文]	C语言教程 [文]	Html教程 [文]	Div+Css布局 [文]
Javascript [文]	ACCESS数据库 [文]	ASP教程 [文]	SQLServer [文]	ASP.NET教程 [文]	FlashAS [文]

Word教程网	Excel教程网	Dreamweaver 教程网	Fireworks教程网	PPT教程网	FLASH教程网	PS教程网
HTML教程网	DIV CSS教程网	FLASH AS教程网	ACCESS教程网	SQL SERVER教程网	C语言教程网	JAVASCRIPT教程网
ASP教程网	ASP.NET教程网	CorelDraw教程网