灵动嘻哈势力(MAGIC HIP-HOP FORCE)网站
街道部分制作教程
http://www2.flash8.net/Upload_HtmlFile/2004/11/11/2004111142038808.swf
(图1)
街道部分整体图
街道部分制作教程(MHHF.FLA)源文件下载
首先介绍一下网站各部分
1.
背景音乐播放器2 .
快捷导航拦3
内容显示拦 留言本4.
更新日记 MP3下载区 我的音乐间 JE的屋子 EMAIL 友情链接
5.
主角以及一些零散的小栏目以上是网站街道的基本组成部分,反正挺乱的,浏览网站不细心的话,就找不到好东东了呵
了解之后开始介绍制作流程拉!,以下代码都是一些老的写法了,显的有些胖呵呵!
播放器有四个部分组成,从左到右依次是“播放按钮”,“停止按钮”“加载外部SWF的影片剪辑”(实例名为player),“菜单按钮”。
背景音乐播放器里面放了5首歌曲
我们不可能把5首歌曲都放在这个街道FLASH中,因为那样网站的LOADING时间就太长了,把这5首歌曲做成5个SWF文件,用来外部载入
点击播放器最右边的绿色向上箭头,便可以弹出歌曲菜弹
其实这个箭头是个影片剪辑,里面包含了 一个按钮和 一段菜弹的动画(图2)
在第一帧处放置绿色按钮,帧动作为停止,在钮上写入代码
on (release) {
gotoAndPlay(5);
}
//当按下按钮便跳到第5帧运行
第5帧开始就是选择背景音乐的菜单动画了,然后可以通过选择歌名按钮来加载外部音乐
加载外部SWF的代码是:
loadMovie("url",level/target[, variables])
(图2)如果点击最左边的播放按钮会发现是随机播放这5首歌曲中的任意一首,那么这是如何实
现的呢,其实只要在此按钮上加入random的代码:
on (release) {
aa = random(5);
if (aa==0) {
loadMovie("comb.swf",_root.player);
}
if (aa==1) {
loadMovie("BABYDANCE.swf",_root.player);
}
if (aa==2) {
loadMovie("FUTURE.swf",_root.player);
}
if (aa==3) {
loadMovie("i do love.swf",_root.player);
}
if (aa==4) {
loadMovie("robot.swf",_root.player);
}
}
代码解释为:当按下按钮的时候,设定变量aa为0~5之间的随机整数
如果aa等于0的话就加载外部名为“comb”的SWF文件到实例名为player的影片剪辑中并且播放。
一此类推当aa等于1的时候加载第二首……..
关于random:
random(value)
value 一个整数。
函数;返回一个随机整数,此整数介于 0 和 value 参数中指定的整数减一之间。
点击绿色方块(停止按钮)的话。歌曲会被停止
其实是在按钮上加入代码:
on (release) {
unloadMovie(_root.player);
}
代码解释为:当按钮按下的时候卸载,player内部的SWF影片
关于unloadMovie:
unloadMovie[Num](level/"target")
level 加载影片的级别 (_levelN)。从一个级别卸载影片时,在标准模式下,“动作”面板中的 unloadMovie 动作切换为 unloadMovieNum;在专家模式下,必须指定 unloadMovieNum,或者从“动作”工具箱中选择它。
target 影片剪辑的目标路径。
动作;从 Flash Player 中删除一个已加载的影片或影片剪辑。若要卸载一个已经加载到 Flash Player 级别中的影片,请使用 level 参数。若要卸载已经加载的影片剪辑,请使用 target 参数。
播放器部分制作完毕了
快捷导航条的制作
整个快捷导航条就是一个影片剪辑,然后在导航条影片剪辑里面,再分要连接到的拦目标题,做法类似上面的播放器的菜单制作(图3),没个拦目在时间条上分段,只须修改一下连接就可以了
可以把菜单的显示过程做成你想要的效果,但是别忘记了加停止的动作代码
街道制作
说是街道其实也都是网站各部分的链接,只不过都图形化了,控制主角在街道上行走,然后点击街道上建筑物进入要连接的页面,有点游戏性质。
首先把街道画好,发挥自己的想象力,再把各个事先画好的建筑堆放上去,就成了一个街道图(4)
(图4)然后在每个象征性的建筑物上放上连接按钮,比如要把红屋顶的房子做成“JE的屋子”
就在房子的门口处加上隐形按钮,用来连接到“JE的屋子”这个页面(图5)
(图5)如果想做邮箱的连接就在邮箱的画面上加一隐形按钮,并且加上代码:
on (release) {
getURL("mailto:zhaoyi19801@sina.com", "_self");
}
zhaoyi19801@sina.com 是我自己的邮箱地址,可换。
其他建筑按自己的喜好可以加连接。
另外街道上还有人物对话的大头像场面(图6)
(图6)实现这样的效果只需要在建立个影片剪辑,放在主场景中起个实例名(czsm),把和人物的对话内容以及大头像都放到其中,分隔好,便于代码控制调用(图7)
(图7)如图和每个人的对话都分割开安排好
之后可以通过点击人物身上的按钮调出和每个人对话的动画,比如要和街道上的MC L-J对话,首先在LJ身上的隐形按钮上加上调用次段动画的代码(图8):
on (release) {
with (_root.czsm) {
gotoAndPlay(50);
}
}
代码解释:当按钮按下的时候,指定实例名为“czsm”(先前做好的显示每个人对话的影片剪辑)跳转到第50帧并运行,第50帧是与MC-LJ对话的动画(图9),这样就实现了与每个人对话出现不同画面的效果(图10)。
(图8) (图9)在此按钮上加代码 第50帧为和MC-LJ对话的内容
(图10)点击MC-LJ之后出现与LJ对话的场面
白天和黑夜的制作
细心的人会发现,在白天浏览网站和晚上浏览网站的时候,画面会有所不一样(图11)(图12),白天进入网站的时候,天空是蔚蓝色的,还能听到有车行的声音,一到晚上天上就挂了月亮,很安静的样子,有些东西只在晚上才能看,这种方法是怎么实现的呢?