分享
 
 
 

灵动嘻哈势力街道部分制作教程

王朝other·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

灵动嘻哈势力(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),白天进入网站的时候,天空是蔚蓝色的,还能听到有车行的声音,一到晚上天上就挂了月亮,很安静的样子,有些东西只在晚上才能看,这种方法是怎么实现的呢?

[1] [2] [3] 下一页

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有