FLASH下载

设为首页
繁體中文
闪客留言

 首页 | FLASH动画 | FLASH专辑 | FLASH短片 | FLASH游戏 | FLASH歌曲 | FLASH教程 | Flash播放器代码
您当前的位置:flash下载 -> FLASH教程 -> FLASH技巧 -> 文章内容  
栏目导航 相关文章
· FLASH基础 · FLASH实例教程
· FLASH技巧 · AS教程
·[组图]Flash MX一步步跟我...
·[组图]Flash遮罩特效实例-...
·[组图]Flash遮罩特效实例-...
·FLASH游戏制作精选实...
·[组图]用Flash打造迷你Win...
·[图文]Flash8 Blendmode—...
·Flash9.0播放器
·[图文]Flash 5 绘制螺旋图...
·[图文]Flash 5 精确下载制...
·[图文]用 Flash 5 编程制作...


Flash中变色背景及其实现技巧

作者:转载  来源:[闪客]  发布时间:2006-5-22 21:20:39  编辑人:[FLASH教程]

减小字体 增大字体


  本文主要运用了Flash中颜色对象以及帧与标签的跳转技巧。只是本文的表现手法有那么一点意思。你只要轻轻滑一下鼠标,动画的背景就变了色,或者跳转到变色背景的点击模式下,然后鼠标一点,动画的背景就换成了另外一种颜色了。

请到这里观看例子

  下面就让我们来看看我们怎样才能做到这一点:

  一、元件的设计

  1. 打开Flash 5。按快捷键 “Ctrl+M”打开Movie Properties面板并把场景的大小设置成255 px×255px,背景色为黑色。
  2. 选择矩形工具,按着“Shift”键加鼠标左键在场景中拉出一个的矩形(不要边框)。单击工作界面右下角的信息面板图标打开Info面板进行如图1的设置,使这个矩形正好覆盖住场景。

图1

  3. 选中刚刚画好的的那个矩形,然后按快捷键“F8”。在Symbol Properties面板里选择Movie Clip属性,并把命名为“矩形”。按快捷键“Ctrl + I”打开Instance面板,给矩形影片起名为mc。
  4. 按快捷键"Ctrl+F8"打开“Symbol Properties”面板新建一个名为“点击变色”的Button符号。选中“Up”帧,按快捷键“T”选择文字工具后写下“点击模式”几个字。接着按快捷键“Ctrl + T”打开Character面板并进行如图2的设置,字的颜色为黄色。选中“Hit”帧后按下快捷键“F6”插入一个关键帧。接着选择矩形工具,画一个矩形把“Hit”帧里字覆盖住。

图2

  5. 按快捷键“Ctrl+L”打开库,右键单击库里的“点击变色”按钮,然后选择“Duplicate”命令。在弹出的Symbol Properties面板里给新的按钮命名为“移动变色”。接着把“移动变色”按钮里“点击”两个字改成“移动”,其它设置不变。

  到此,所有的元件就设计好了。

  二、背景层的设计

  1. 按快捷键“Ctrl+E”回到主场景。在主场景中双击“Layer 1”层并把该层的名字改为“背景”。
  2. 右键单击“矩形”影片输入下面的代码:

onClipEvent (mouseMove) { //移动鼠标执行下面的代码_root.r = _root._xmouse;//把鼠标的当前位置的X坐标值附值给影片的红色参数_root.b = _root._ymouse;//把鼠标的当前位置的Y坐标值附值给影片的绿色参数_root.g = _root._xmouse+_root._ymouse;_root.mcColor(); //调用mcColor()函数,mcColor()函数在后面设计} 

  3. 选择该层的第3帧按下“F6”键插入一个关键帧。右键单击第3帧中“矩形”影片,在弹出菜单中选择“Actions”命令,然后把语句onClipEvent 中的参数“mouseMove”换成“mouseDown”。

  三、跳转层的设计

  1. 按“Insert Layer”按钮新增一层并命令为“跳转”层。
  2. 选中该层的第1帧,按快捷键“T”选择文字工具后在场景的左上角写下“请移动你的鼠标”几个字,字要小一点。把库中的“点击变色”按钮拖拽到场景的右下角。
  3. 选中该层的第3帧按下“F6”键插入一个关键帧。接着把该帧左上角的文字换成“请点击你的鼠标”,再把右下角的“点击变色”按钮替换成“移动变色”。记住,它们之间的位置不能变化。
  4. 右键单击“点击变色”按钮,输入下面的代码:

on (release) { //鼠标左键单击后松开gotoAndStop ("label"); //跳转到“label”标签,“label”标签在后面设计} 

  5. 右键单击“移动变色”按钮,输入下面的代码:

on (release) {gotoAndStop (1);}

  四、代码层的设计

  1. 按“Insert Layer”按钮新增一层并命令为“代码”层。双击该层中的第1帧,输入下面的代码:

changeColor = new Color( mc ); //新建一个Color对象,mc为影片r = 0; //初始化影片红色参数g = 0; //初始化影片绿色参数b = 0; //初始化影片蓝色参数function mcColor () { //定义mcColor()函数changeColor.setRGB(r << 16 | g << 8 | b);//setRGB()函数是设置影片的颜色值//“()”内把颜色合成,以便重新设置影片的颜色属性}stop (); 

  2. 选中该层的第3帧按下“F7”键插入一个关键帧,接着选择“Frame”面板,把该帧命令为“lable”。

图3

  为什么我们要使用标签而不让它跳转到第3帧呢,那是因为这样做方便控制——不管你把该帧拖到什么地方也不需要对代码进行改动了。

  好了,效果到这里就完成了。图层,场景的最终如图4。按快捷键“Ctrl+Enter”测试一下效果吧。我想现在你肯定有所得。

图4

江苏 陈高林

(完)

[] [返回上一页] [打 印]
上一篇文章:刻度尺的生成
∷相关文章评论∷    (评论内容只代表网友观点,与本站立场无关!) [查看评论>>>]