Flash 与三维全景结合

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

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

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

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

步骤一:使用漫游大师完成基本的四个楼层的全景的发布。

步骤二:网页叠加,写脚本

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

当然,这样子还是不够的,我们还需要一段javascript脚本,例如:

<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 = url;
}
//-->
</script>

步骤三:左侧背景按钮flash调用

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

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

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

做好以后,我们就只要把flash中的按钮和相应的网页对应起来就可以了。

时间: 2024-09-28 21:15:44

Flash 与三维全景结合的相关文章

Flash制作三维方格弹跳动画

跳动 效果演示: 点击这里下载源文件 制作步骤: 1.制作三维方块的三个面,并转换为图形元件:(在场景中插入--新建元件--图形),分别命名为元件1.元件2.元件3. 2.把三个图形元件组合为三维方块.并把三维方块也转换为图形元件.并在个图形之间画上线条,使轮廓更加清楚,立体感更强. 3.因为无论鼠标移动到三维方块的那个面上时,三维方块就开始弹跳,就必须把方块的各个面转换为按钮,制作按钮的方法:在场景插入--新建元件--按钮:按钮的弹起.指针经过.按下都设为空白帧,在点击帧插入关键帧,并把库中的

用flash控制全景播放

控制 很多多媒体制作爱好者总是在不断创新,尝试将各种多媒体元素结合到一起来作出效果令人炫目的作品. 本文将要介绍的是如何在在flash中插入全景,利用flash的控制来实现全景的播放.场景切换等动作. 首先说明一下,用flash控制全景,需要本身全景播放器提供一个编译接口,所以这里以杰图漫游大师为例,漫游大师播放器提供了用javascript控制播放的脚本. 详细的脚本可以查看该软件帮助文档或者到杰图网站下载. 以 zoomin (也就是放大)功能为例: zoomIn public void z

三维-百度全景地图是如何实现的

问题描述 百度全景地图是如何实现的 百度全景地图是如何实现的,如何在二维地图中嵌入三维全景地图,相关技术,开源平台等 解决方案 去看百度地图提供的api文档啊 解决方案二: http://developer.baidu.com/map/ 参考,. 解决方案三: 百度地图开发之实现运动轨迹 <一>

三维全景图技术的行业应用

近两年一种新的多媒体形式--三维全景出现在出现在网络上. 多媒体制作行业:这是三维全景工具用户最多的一个行业,他们会为不同行业提供制作服务,结合其他多媒体技术,如 flash.视频.3维动画等来为最终客户提供网站制作.宣传光盘制作等 房地产网站:房地产平台,比如搜房.上海的金丰易居等,他们可以为开发商.中介等提供服务,最主要的,可以提升他们自己网站的访问量. 酒店宾馆:用于大堂触摸屏中的酒店导栏中酒店展示,也可用于该酒店的网站. 订房网:如携程网.上海订房网等,订房网给其中会员酒店提供制作服务.

互联网应用周刊:逗号、旅通网、微信聚、全景网等

逗号 – 基于地理+现实位置的社交应用.每个人都可以通过逗号这款应用认识身边的人,与同楼周边的邻居交流互动.同时逗号里也有"邂逅"."图书馆"等创新.有趣的功能,这些颠覆性的独特交流方式,让我们的社交生活更简单.轻松.有效. 链接:http://www.douhao.me/ 旅通网不经营旅游业务,但为经营旅游业务的企业提供服务.旅通网不仅仅是一个网站,而是一个综合性的服务平台.旅通网将商务社交和在线结算整合到B2B(企业对企业)电子商务中去,研发出全球首个旅游&qu

无锡电信开发大数据三维评估系统

中国电信江苏无锡分公司大数据管理研发团队近日再出新成果,无线大数据三维评估系统"横空出世",这一系统能在空中精确完成无线大数据三维动态分析,支撑网络建设的深度覆盖和持续优化,更为解决部分室内弱覆盖难题起到了拾遗补缺的支撑作用. 无锡电信研发团队开展的创新课题研究,采用业界领先的无线大数据三维定位方案,紧紧围绕建筑物和道路区域,开启精准三维全景定位网络性能评估,将传统二维转为三维精细化定位分析,保障核心区重点场景网络覆盖和精细优化,精确指导网络质量评估.网络优化和规划工作.研发期间,无锡

JavaScript格式化API

问题描述 我用java生成了一段js字符串,写到文件里就成了一行,在浏览器里查看源码也很不方便.请问是否有开源API, 能像在eclipse里边一样,把这段 js进行格式化呢? 换一个思路,如果原本的js是一行的,在Chrome浏览器可否能进行格式化查看? 解决方案 在chrome浏览器中可以格式化查看写在一行的js代码通过chrome的开发人员工具查看scripts视图,有个{}(Pretty print)可以格式化查看js代码解决方案二:站长工具, 考出来格式化下, 自己做要花很长时间的你也

JS代码格式化和语法着色

有时为了研究学习一些格式不规范的JS代码段,需要将代码段格式化一下,这样思路就会清晰多了,网上找到此款格式化的工具,将以下代码保存为html格式文件即可使用   <html> <head> <title>JSer </title> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <style> /* G

JavaScript代码格式化和语法着色

javascript|语法 以前看过几个JS代码格式的,自己也来写了一个,呵呵,优点是可以处理超长的 JS 而不会死机......... IE Only 运行代码框 <html><head><title>JSer </title><meta http-equiv="content-type" content="text/html; charset=gb2312" /><style>/* Glob