Flash CS4教程:制作调入式声音控制的按钮

2016-02-16 19:35 7 1 收藏

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享Flash CS4教程:制作调入式声音控制的按钮吧。

【 tulaoshi.com - FLASH 】

本例通过程序读取外部MP3文件,通过声音对象的控制来制作播放器,这种方式适用于Flash交互开发时使用。

本例思路:

1 导入素材制作按钮。
2 制作示波图模拟动画。
3 编写程序。

实例步骤:

(1) 先导入按钮素材,使用菜单文件/导入/导入到舞台,如图所示。

提示:图片在光盘中,光盘目录/案例源文件/第十六章/调入式声音控制/图形.swf

Flash CS4教程:制作调入式声音控制的按钮,PS教程,图老师教程网

图16-1 图形

(2)复制一份出来,改变其填充颜色为红色并绘制黑色背景,如图所示。

Flash CS4教程:制作调入式声音控制的按钮,PS教程,图老师教程网

图16-2 元件

(3)再制作STOP和PLAY按钮放在图形上,作为停止和播放按钮分别命名为stopBt和playBt,如图16- 3所示。

Flash CS4教程:制作调入式声音控制的按钮,PS教程,图老师教程网

图16- 3 按钮

(4)再使用传统补间制作示波动画,如图16- 4所示.

Flash CS4教程:制作调入式声音控制的按钮,PS教程,图老师教程网

图16- 4 示波动画

(5)将示波动画影片剪辑再转化为图形元件并在属性面板中循环次数设置为只播放一次,在第40帧上按F5插入帧,再将元件复制一份设置透明度为20%,如图16-5所示。

Flash CS4教程:制作调入式声音控制的按钮,PS教程,图老师教程网

图16- 5 textArea

(6)接下来编写代码,新建一个图层命名为AS在第一帧上添加代码完成制作。

技术看板:代码解释

第1行:实例化一个声音对象。

第2行:加载同一目录下的声音文件。

第3行:添加控制并且声音开始播放。

第6~9行:点击停止按钮后声音和示波动画_show停止播放。

第10~13行:点击播放按钮后声音和示波动画_show开始播放。

AS3代码:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

var mymp3:Sound=new Sound();   
mymp3.load(new URLRequest("sound.mp3"));   
var music:SoundChannel=mymp3.play();   
stopBt.addEventListener(MouseEvent.CLICK,clickStop);   
playBt.addEventListener(MouseEvent.CLICK,clickPlay);   
function clickStop(event:MouseEvent):void{   
    music.stop()   
    _show.stop()   
    }   
function clickPlay(event:MouseEvent):void{   
    music=mymp3.play()   
    _show.play()   
    }

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

来源:https://www.tulaoshi.com/n/20160216/1572541.html

延伸阅读
本例主要是在上一个实例的基础上进行扩展,计算鼠标跟随对象来产生具有一定规律的星火特效。 本例思路 导入背景素材,然后制作出星火特效。 创建文档类,产生鼠标跟随的多角星形特效;创建元件类的扩展类,产生随机大小的火花效果。 Part 1 制作星火特效 (1)新建一个大小为500×300像素,帧频为30fps的...
本例应用了前几章节已经学习的产生随机对象和删除对应随机对象等知识,控制游戏过程中用户移动鼠标指针与创建的随机对象之间是否接触并执行相对应的程序块,显示用户通过移动鼠标指针所扑捉到的喜鹊数量。本实例还创建游戏的结束和重新开始程序,用户可进一步扩展,根据扑捉到的喜鹊数量来设置游戏关卡和游戏级别。通过本例的制作,读者可以掌...
标签: FLASH flash教程
简介:本例将制作一个经典的简单的填色游戏。游戏内容是,控制吸管吸取颜色,给人换上不同颜色的着装。 本例内容所涉及到的知识点: Color类以及Startdrag()、Mouse.hide()、Mouse.show()方法等。 1.Color类和Color中的SetRGB()改变颜色。 2.使用Startdrag()实现鼠标跟随效果,使用Mouse.hide()和Mouse.show()实...
本例将使用Flash CS4新增的骨骼工具来创建反向运动,该工具可以在短时间里制作出复杂而自然的动画效果,这种制作方式很适合运用在皮影动画中。 本例思路 导入素材,然后分割好图形的各部分元素。 使用骨骼工具为老人添加好骨骼,然后为老人制作出行走动画。 使用骨骼工具为小狗添加好骨骼,然后为小狗制作出跳跃动画。 Part 1 分割图形 (...
本例将巧用遮罩层图形与被遮罩层图形之间的叠加原理来制作星光四射动画特效。 本例思路 .导入莲花素材,然后为其制作闪烁动画效果。 .绘制遮罩图形,然后利用图形之间的叠加原理制作出星光四射动画特效。 Part 1 制作莲花闪烁动画 (1)新建一个大小为550×400像素,背景色为黑色,帧频为25fps的空白文档。...

经验教程

347

收藏

91
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部