Flash制作简单的音乐波形动画效果

  通过对一个影片剪辑的x轴坐标不同位置的复制,以及控制复制出来的影片剪辑的x轴缩放比例来完成效果。

  具体步骤

  1,  运行flash mx,新建一个图形元件,在编辑区里面绘制一个4*30像素的无边框矩形。

  2,  新建一个影片剪辑,从库中把这个图形元件拖放到影片剪辑中。

  3,  返回到主场景,把影片剪辑放置在场景的第1帧。并在属性面板中给影片剪辑命名为“line”。

  4,  选中第1帧,打开as面板,添加如下as:

max = 40; 
//最大值 
setProperty("line", _visible, false); 
//设置line的可见性为不可见 
for (i=1; i<max; i++) { 
  //如果i小于最大值就递加 
  duplicateMovieClip("line", "line"+i, i); 
  //复制影片line,新的名字为line+i,深度为i 
  setProperty("line"+i, _x, i*7+100); 
  //设置复制后的影片x轴 
  setProperty("line"+i, _y, 220); 
  //设置复制后的影片y轴 
  setProperty("line"+i, _alpha, 70); 
  //设置复制后的影片的透明度 

_root.onEnterFrame = function() { 
  //onEnterFrame为事件处理函数;以影片帧频持续调用 
  for (i=1; i<max; i++) { 
    //for为循环,当i小于最大值就递加 
    setProperty("line"+i, _yscale, random(100)); 
  } 
  //设置当前被复制的影片y轴缩放系数为随机 
};

  5,保存,测试。

点击这里下载源文件

时间: 2024-08-18 06:57:58

Flash制作简单的音乐波形动画效果的相关文章

Fireworks制作打破玻璃的GIF动画效果

  本教程是向大家介绍如何利用Fireworks制作打破玻璃的GIF动画效果,制作方法并不是很难,效果非常不错,推荐过来,希望大家喜欢! 首先先看一下最终效果: 下面是具体的制作方法: 1.下载并安装滤镜插件Xenofex2到FW的Plug-in目录下(将解压出的文件复制进Plug-in文件夹即可),下载页面在这里(不是广告,我也不知道这是谁的BLOG). 2.运行FW,打开一张图片,我们可以适当缩小这张图片的尺寸,令周围留些空白,背景色设为白色.这样我们更能看清楚破碎扩散的效果.将这层命名为"

wps制作钢琴琴键弹奏的动画效果

  wps制作钢琴琴键弹奏的动画效果           1.先将背景设置成黑色. 2.插入形状立方体调整成琴键的样子.修改填充色和线条颜色. 3.复制多个铺满画面下边界. 4.插入形状任意多边形,画出一个被按下的琴键. 5.修改颜色并组合两个多边形置于底层. 6.先将琴键移走,将图形组合上移一层.

PhotoShop制作简单的桔子果肉文字效果新手教程

教程介绍用PhotoShop制作简单的桔子果肉文字效果,属于新手教程,新手朋友可以跟着做一下! 教程效果图: 先把素材找来....果肉明显的为佳~~ 随你用什么方法,把中间的芯和皮修补掉...不仔细也没关系...看不出来的... ctrl+n新建一个500*200的画布.打上字,我用的是迷你简萝卜,注意,字一定要胖,瘦了没效果!! 现在再把修补好的桔子肉挖出来,放在字下面..最好是整体放上去,不要把边缘放在字上.. 分类: PS文字教程

PhotoShop制作柔彩流光字GIF动画效果教程

教大家用PhotoShop制作柔彩流光字GIF动画效果,很柔美,喜欢的同学可以学习一下! 效果图: 下面教程 现在在画布上打字.打好了就是这样 复制一层 点底下的图层.右击-混合选项 分类: PS入门教程

音乐波形图动画效果

音乐波形图动画效果   注意 经过测试,后期会发热严重,有优化的必要,但目前还没有处理.   效果   源码 https://github.com/YouXianMing/Animations // // MusicBarAnimationController.m // Animations // // Created by YouXianMing on 16/1/15. // Copyright 2016年 YouXianMing. All rights reserved. // #impor

基于insertBefore制作简单的循环插空效果_javascript技巧

效果图展示: 源码查看 [功能说明] 利用insertBefore制作简单的循环插空效果 [HTML代码说明] <ul class="list" id="list"> <li class="in">1</li> <li class="in">2</li> <li class="in">3</li> <li class=

FLASH中实现眨眼睛的动画效果

许多FLASH动画短片和MV中经常有精美生动的动画人物出现,配合眨眼动作.口形变化以及头发的飘动,再加上人物的配音,一个活脱脱的动画人物形象就出现在FLASH动画中了.很多人都想知道这样的人物是如何做得栩栩如生的,尤其是其中的简单动画效果,如眨眼的动作,如何制作人物的眨眼动画呢?其实技巧很简单,甚至都不需要专门教程来指导,但是对于初学者,笔者认为却是应该用一个实例教程来给予指导的.最近发现帝国的在线教程中也有很多这样的提问--"在FLASH中如何制作效果逼真的人物眨眼效果?",其他的F

Flash制作简单的缓冲菜单

 [步骤] 第一步:制作几个按钮,放在主场景中,实例名分别为_btn0._btn1._btn2._btn3._btn4._btn5._btn6 第二步:创建影片剪辑,在里面画一个小三角形,在三角形旁边拉一个动态文本,实例名为my_txt:把该影片剪辑放在主场景中,实例名为zhisi_mc 第三步:把按钮做些动画效果 第四步:在最后一帧上写如下代码:   stop(); zhisi_mc._x=_btn0._x; varmy_array:Array=newArray("首页","

CSS3网页制作实例:鼠标经过图标动画效果

文章简介:今天就为大家分享一组时尚而简单的鼠标经过图标动画效果.主要的原理是当经过图标或触发其伪元素时,利用css的transitions和animations属性,来实现的一些互动动画效果.在此之前,本站也介绍了很多css伪元素的文章,如:动画条纹边框.伪元素的多重选择.制作时尚焦点 今天就为大家分享一组时尚而简单的鼠标经过图标动画效果.主要的原理是当经过图标或触发其伪元素时,利用css的transitions和animations属性,来实现的一些互动动画效果.在此之前,本站也介绍了很多cs