选择显示字体大小

让flash按钮张嘴出出声

效果简介:

  该效果主要是教读者如何制作可以控制声音的按钮,这是一个很常用的技术。

相关下载:

  源文件下载

文章简介:

  文章中读者将会学习到更多常用的动作和一个简单的影片剪辑属性。还会学到一种按钮实用技巧——透明按钮的作用。“对齐”面板的使用、声音的添加和使用等。最重要的是,在本例的设计中,读者还要学习sound()(声音)对象及其几个重要方法的使用。

制作步骤:

  1.设置场景的大小为120px×100px,背景为黑色,帧频为12fps。
  2.按快捷键ctrl+f8打开“创建新元件”面板新建一个名为“光柱”的影片剪辑元件。
  3.选中“矩形”工具并在“光柱”元件的场景中拉出一个矩形(不要边线),颜色为墨蓝。选中它,在“属性”面板中将其宽设置为4px、高为2.5px。如果元件太小,不好设置,可以放大场景的缩放比例为300-400%,如图1所示。

  图1

  4.复制这个矩形,接着再复制出四个,把复制出的矩形由上至下设置为1px、1.5px、2px、2.2px,宽度都不变。然后如图1所示排列。在对齐五矩形时,可以按快捷键ctrl+k或点击常用工具栏上的按钮调出“对齐”面板进行对齐。

  注意:最下面一个的矩形的底线和中心线都要经过场景的中心点(小“+”字),见图1所示。否则光谱效果将无法实现。

  5.新建一个名为“光谱”的影片剪辑元件。此时场景的缩放比例依旧设置为300%,这样做便于制作。打开库,把库中的“光柱”元件拖拽到“光谱”元件的场景中。接着右键单击“光柱”元件,在弹出的菜单中选择“动作”命令,打开“动作”面板,键入如下代码:

onclipevent (enterframe) {
  _yscale = math.random()*70+30;
}

  以上代码中,onclipevent()是一个事件触发器,事件enterframe是在每一帧播放是触发动作。_yscale是影片剪辑的一个属性,它可以缩放影片剪辑在y轴方向上的比例。math.random可以随机取得一个范围在[0,1]之间的数值。

  6.在“光谱”元件的场景中再复制出几个“光柱”元件,并用箭头工具和“对齐”面板中的“对齐”功能和“分布”功能来调整这些元件的位置。最后设置如图2所示。

  图2

  7.新建一个名为“音乐”的按钮元件。在“音乐”按钮元件的场景中拉出一个矩形,然后按快捷键ctrl+r导入一个cd的素材,如图3所示。

  图3

  8.选中“指针经过”帧,按f6键插入关键帧,然后把场景中的元件稍做一些改动,譬如说把元件变大些,或是换换颜色等。

  9.按快捷键ctrl+r打开“导入”面板导入一个mp3音乐文件。导入后,打开库就可以一个小喇叭的文件。如图4所示。

  图4

  10.右键单击库中的音乐文件,在弹出的菜单中选择“链接”命令。然后如图5所示设置“链接属性”面板。给声音文件起个标识符名为“sound1”,用来以后导入和播放声音文件。

  图5

  11.双击库中的声音文件,然后如图6所示设置“声音属性”面板,选择mp3压缩格式该模式适合较长的流式声音。不勾选use document quality选项就会弹出mp3的压缩设置。bit rate比特率的值越大则音效越好。当比特率的值高于20kbps时preprocessing预处理选项才能将立体声转换为单声道声音。quality为音质的设置选项。压缩是为了减小文件的体积。

  图6

  12.设置好所有的元件后,按快捷键ctrl+e回到主场景。打开库,把库中的按钮元件“音乐”拖拽到场景中,并在“属性”面板里给按钮起个实例名“bt1”。右键单击第1帧,在弹出的菜单中选择“动作”命令,打开“动作”面板,键入如下代码:

stop();
bt1.onrelease = function() {
 sound2 = new sound();
 sound2.attachsound("sound1");
 sound2.start(0,1);
 gotoandplay(2);
}

  onrelease()是按钮对象的一个方法,其作用是在按钮bt1被单击后执行语句。

  代码中我们使用到了sound(声音)对象。代码“sound = new sound();”就是创建一个新的声音对象sound。attachsound()是sound()对象中的一个方法,其作用是将指定的声音附加到指定的sound对象中。start([secondoffset, loop])也是一个方法,其参数secondoffset控制声音播放的起始时间;参数loop可以设定声音连续播放的次数。

  13.右键单击第1帧,点选“拷贝帧”命令。然后再右键单击第2帧,点选“粘贴帧”命令粘贴帧。然后把按钮的实例名称改为“bt2”。接着右键单击按钮元件“音乐”,在弹出的菜单中选择“动作”命令后键入一下代码:

stop();
bt2.onrelease = function() {
 sound2.stop();
 gotoandplay(1);
}

  语句gotoandplay(1)里使影片跳转到第1帧进行播放。这里的stop()是sound对象中的方法,用来使声音停止播放。最后设置如图7所示。

  图7

  14.从库中把“光谱”元件拖拽到主场景的第2帧中,然后在“属性”面板中把第2帧中的按钮元件“音乐”的透明度设置成0,即完全不可见。

  好了,大功告成。本例的制作中,读者重点要掌握的就是这个实例制作思路。另外就是“光谱”元件的设计方法以及场景缩放在设计中的使用。

  


 


关键字 本文所属关键字

相关 与本文相关文章

分类 所有文章关键字导航

源码编程相关

Java   Asp   PHP   .Net   XML   C/C++   CGI   VB   Jsp   J2ee   J2se   J2me   EJB   Servlet   Tomcat   Resin   Struts   Weblogic   Eclipse   ANT   GUI   JMS   Web servise   IDEA   Webphere   Hibernate   Spring   Jboss   Applet   Swing   Socket   Javamail   Perl   Ajax   P2P   安全   模式   框架   测试   开源   游戏

SQL数据库相关

My-SQL   Ms-SQL   Access   DB2   Oracle   Sybase   SQLserver   索引   存储过程   加密   数据库   分页   视图  

手机无线相关

3G   Wap   CDMA   GRPS   GSM   IVR   彩信   短信   无线   增值业务

网页设计制作相关

HTML   CSS   网页配色   网页特效   Javascript   VBscript   Dreamweaver   Frontpage   JS   Web   网站设计

网站建设推广相关

建站经验   网站优化   网站排名   推广   Alexa

操作系统/服务器相关

Windows XP   Windows 2000   Windows 2003   Windows Me   Windows 9.x   Linux   UNIX   注册表   操作系统   服务器   应用服务器

图形图像多媒体相关

Photoshop   Fireworks   Flash   Coreldraw   Illustrator   Freehand   Photoimpact   多媒体   图形图像

标准 网站致力的规范

Valid CSS!

无不良内容,无不良广告,无恶意代码

Valid XHTML 1.0 Transitional

creativecommons