当前位置:首页>网络学院>网页制作>Flash教程>文章内容

Flash 与三维全景结合

[ 来源:www.it55.com | 作者: | 时间:2007-07-12 | 收藏 | 推荐 ] 【

在过去的几年中全景已经为不少人所知,而使用全景只是单纯的局限于转一圈就结束了。现在人们已经不满足于单一的全景展示效果,而是要结合其他的技术,比如flash,声音,图片,视频,以及物体三维展示效果等。那么笔者今天给大家介绍的就是在全景中结合flash的方法。 vd;k;l www.it55.com rdfg

在这里我们使用的是三维虚拟漫游制作系统-漫游大师1.0,这个软件可以把全景和多种媒体技术结合在一起,做成一个绚丽的虚拟漫游。 www.it55.com

Flash 与三维全景结合(图一) www.it55.com

上图中就是用漫游大师完成的一个紫金山大酒店的虚拟漫游,其中结合了全景、地图、左侧的flash楼层导航以及场景中结合物体三维展示的效果。 http://www.it55.com/

Flash楼层导航:分别点击左侧的四个不同楼层的flash导航按钮,会切换到相应的楼层地图(最右侧),点击地图中不同房间的热点,中间的窗口会播放该场景的全景。 www.it55.com在线教程

步骤一:使用漫游大师完成基本的四个楼层的全景的发布。 sflj www.it55.com kg^&fgd

Flash 与三维全景结合(图二)

it55.com

Flash 与三维全景结合(图三) www.it55.com在线教程

Flash 与三维全景结合(图四)

sflj www.it55.com kg^&fgd

Flash 与三维全景结合(图五) www.it55.com

步骤二:网页叠加,写脚本 sflj www.it55.com kg^&fgd

在发布好漫游之后,将得到的文件统一在一个文件夹下面,然后在dreamweaver里面新建一个网页文件用来将漫游组合起来。在这个网页里面放上导航的Flash,并添加一个层,让这个层和flash中预留下来做播放漫游用的位置重合起来,然后在这个层里放上一个iframe,设置好属性(特别是ID,这个会在后面用到),虚拟漫游的网页文件就显示在这个iframe里面。 www.it55.com

当然,这样子还是不够的,我们还需要一段javascript脚本,例如: 免费资源www.it55.com

<script language="JavaScript">
<!--
loade=1;
function urlinframe(url,frame,layer,layermode){
if (layermode!=''&layer!=''){
document.all[layer].style.visibility=layermode;
}
window.frames[frame].location.href = http://www.qqread.com/flash/2006/10/url;
}
//-->
</script> http://www.it55.com/

步骤三:左侧背景按钮flash调用 sflj www.it55.com kg^&fgd

Flash 与三维全景结合(图六)

45398 www.it55.com it55学习IT知识,享受IT生活 4dfkjn

在Flash中相应按钮的动作中我们要调用第二步中的Javascript函数:

vd;k;l www.it55.com rdfg

on (release) {
getURL("Javascript:urlinframe(\"tour1.html\",\"pana\",\"\",\"\")");
}

免费资源www.it55.com

其中的tour1.html就是生成的四个全景中的第一个,依次类推,pana就是iframe的id。

www.it55.com在线教程

做好以后,我们就只要把flash中的按钮和相应的网页对应起来就可以了。 http://www.it55.com/

(阅读次数:

返回顶部
 

网友评论

[以下评论为网友观点,不代表本站。请自觉遵守互联网相关政策法规,所有连带责任均有评论者自负。]
[不超过250字]

最新文章