疱丁解牛 酷炫FlashWeb链接与音乐系统

数码时尚

  一个网站可以没图片没音乐,但不能没链接。不同于采用HTML语言写的静态网页,在FlashWeb中,链接的制作是这样的:

  新建一个图层,名称为links,使用文字工具输入文字内容,将它转换成按钮,添加代码如下:

  on(press)

  geturl("http://www.cpcw.com","_blank") 

  }

  解说:Flash中制作链接其实是很简单的,仅一个geturl函数就够用了,另外,还可以使用geturl("mailto:user@domain.com")这样的形式来制作邮件链接。

  FlashWeb是多媒体交互网站,自然离不开音乐效果。很多时候大家对音乐效果的控制都感觉不尽如人意,原因是对sound对象不够熟悉。通过以下操作的学习,大家不仅可以方便地进行音乐控制,还可以制作出像模像样的波表效果。

  1.新建一个影片剪辑,名称为music,放置在场景的music图层,双击进入影片剪辑,将Layer1图层名称改为musicaction,添加代码如下:

  mymusic=new sound()

  function music(n){

    mymusic.stop() 

    mymusic.loadsound(n+".mp3",false) 

    mymusic.start(0,100) 

  }

  mymusic.loadsound("music1.mp3",false)

  mymusic.start(0,100) 

  bobiao.play() 

  bobiao.y=50

  解说:

  第1行:mymusic等于新的声音对象。

  第2行:建立自定义函数,名称为music,拥有一个参数n。

  第3行:mymusic声音对象停止播放。

  第4行:mymusic音乐对象装载外部的音乐文件,它的名称为n.mp3。

  第5行:mymusic开始播放100次。

  第7行:在开始时,mymusic装载music1.mp3文件。

  第8行:mymusic开始循环播放。

  第9行:bobiao影片剪辑开始播放。

  第10行:bobiao影片剪辑中的y变量值为50。

  2. 然后绘制如图1的六个按钮。

  3. 在第一个按钮中添加如下代码:

  on(press){

      music("music"+1) 

      bobiao.y=50

    bobiao.play() 

    system.gotoandstop(2)

  }

  解说:

  第1行:当鼠标点击时。

  第2行:music函数开始执行,n参数的值为music+1。

  第3行:bobiao影片剪辑中的y变量值为50。

  第4行:bobiao影片剪辑开始播放。

  第5行:system影片剪辑跳转到第2帧。

  4.其他按钮的代码基本相同,只是参数n依次为music+2,music+3……

  5.新建一个图层,名称为bobiao,绘制两个矩形,如图2所示,选中这两个矩形按F8键,转换成影片剪辑,在“Instance Name”中输入它的实例名称为bobiao。

  6.进入bobiao影片剪辑,选中顶部的矩形,转换成影片剪辑,实例名称为bo,将下面的矩形转换成影片剪辑,实例名称为line。

  7.新建一个图层,在第一帧加入代码如下:

  line._visible=0

  bo._visible=0

  i=0

  down=3

  maxline=15

  y=50

  解说:

  第1行:line影片剪辑呈不显示状态。

  第1行:bo影片剪辑呈不显示状态。

  第3行:变量i等于0。

  第4行:变量down等于3。

  第5行:变量maxline等于15。

  第6行:变量y等于50。

  8.在第2帧建立关键帧,添加代码如下:

  i=0

  while(i<maxline){

    yscale=1+random(y) 

    line.duplicatemovieclip("line"+i,i) 

    this["line"+i]._x=i*10

    this["line"+i]._y=0

    this["line"+i]._alpha=80

    this["line"+i]._yscale=yscale

    bo.duplicatemovieclip("bo"+i,30+i)

    this["bo"+i]._x=i*10

    this["bo"+i]._y=-yscale/2.5

    this["bo"+i]._alpha=100

    i++

  } 

  解说:

  第1行:变量i等于0。

  第2行:当变量i小于maxline时,开始循环。

  第3行:yscale变量等于1加上y变量的随机数。

  第4行:line影片剪辑开始复制。

  第5行:line影片剪辑的复制品的X坐标等于变量i乘以10,也就是说,将每隔10个像素就放置一个。

  第6行:line影片剪辑的复制品的Y坐标等于0。

  第7行:line影片剪辑的复制品的透明度等于80。

  第8行:line影片剪辑的复制品的高度等于yscale变量。

  第9行:bo影片剪辑开始复制。

  第10行:bo影片剪辑的复制品的X坐标等于变量i乘以10。

  第11行:bo影片剪辑的复制品的的Y坐标等于yscale除以2.5。

  第12行:bo影片剪辑的复制品的透明度等于100。

  第13行:变量i递增。

  9.在第3帧建立关键帧,添加代码如下:

  i=0

  while(i<maxline){

    yscale=1+random(y) 

    this["line"+i]._yscale=yscale

    if(this["bo"+i]._y<=-yscale/2){

    this["bo"+i]._y=this["bo"+i]._y+1

   }else{

      this["bo"+i]._y=-yscale/2.5

    }

  i++

  }

  解说:

  第1行:变量i等于0。

  第2行:当i小于maxline时开始循环。

  第3行:yscale变量等于1加y变量的随机数。

  第4行:line影片剪辑的复制品的高度等于yscale变量。

  第5行:当bo影片剪辑的复制品的Y坐标小于等于负的yscale变量除以2时。

  第6行:bo影片剪辑的复制品的Y坐标等于它的Y坐标加1。

  第7行:如果条件不成立时。

  第8行:bo影片剪辑的复制品的Y坐标等于负的yscale变量除以2.5。

  第10行:i变量递增。

  10.在第5帧建立关键帧,加入代码gotoandplay(3)。

  11.回到music影片剪辑,使用文字工具输入on文字,按F8键,将它转换成影片剪辑,名称为system。同时在“Instance Name”中输入实例名称为system。

  12.双击进入system影片剪辑,然后在第2帧建立关键帧,并将on文字改为off。在第2帧加入stop()指令,然后将这两个文字都制作成按钮。

  13.在on按钮中输入代码如下:

  on(press){ 

   _parent.bobiao.y=50

   _parent.bobiao.play() 

   _parent.mymusic.start(0,100) 

  gotoandstop(2) 

  }

  14.在off按钮中输入代码如下:

  on(press){ 

   _parent.bobiao.y=0

   _parent.mymusic.stop()

   gotoandstop(1)

  }

  15.按“Ctrl+Enter”键测试,整个网站制作完成。

  整个网站已经制作完成了,在这个网站中,我们使用了大量的FlashWeb通用技术,每一项技术都并不很难,难就难在把所有的技术整合在一起。各位经过大量的实践,积累了丰富经验之后,应用这些技术的综合能力会得到很大的提高,到时候拥有一个自己的动态Flash网站将不再是个梦。