基于Krpano校园全景漫游系统实现.docVIP

基于Krpano校园全景漫游系统实现 　　摘要：全景图的播放原理是构建三维场景，在场景中创建柱体，或者球体，立方体等三维物体。将制作好的全景照片作为物体材质贴在虚拟的三维球体表面，或者将转换过的6张1：1的照片贴在三维立方体表面。将虚拟摄像机放置在球体或立方体的体心位置。鼠标拖动时转动虚拟摄像机，或者转动三维体，以此来实现全景图的播放。对于漫游的实现，通过特定位置添加热点，点击热点后进行切换场景即切换三维球体表面贴图来实现。 　　360项目中所使用的KrpanoViewer是一款基于Flash的全景图播放和漫游软件。Krpano Viewer的所有功能都是通过对其关联的xml文件的解析来实现的。其所提供的各种插件也通过配置xml文件来调用。 　　关键词：三维场景 Krpano 全景漫游 xml配置 　　 　　 一、Krpano功能介绍 　　 Krpano viewer的主程序所使用的XML文件十分简洁，默认情况下仅可以做到场景的载??。其他所有功能，都以插件的形式实现，而每个插件，既可以在自己的XML文件进行配置，然后供主程序XML文件调用，也可以在主程序的XML文件中直接以标签引入并进行配置。这样做的好处就是功能明确，结构清晰，便于扩展，利于维护。 　　 Krpano的所有标签如下： 　　 标签：载入其他的xml文件。 　　 标签：在装载全景图片的过程中显示一个小的全景图。 　　 标签：载入图片。 　　 标签：存储当前视的信息。 　　 标签：定义全景图中被展示的区域。 　　 标签：定义渲染的质量和性能。 　　 标签：鼠标键盘的控制设置。 　　 标签：自定义光标的样式。 　　 标签：当无用户交互时，自动扭曲/移动/缩放。 　　 标签：载入其他flash程序，图片或者按钮，图标等。 　　 标签：设置热点。 　　 标签：设置事件的响应。 　　 标签：定义行为，需要用脚本语言解释器解释。 　　 标签：自定义鼠标右键菜单。 　　 标签：设置装载时过程。 　　 标签：设置下载或者decode时的图片。 　　 标签：设置内存使用情况。 　　 标签：设置安全性。 　　 标签：定义样式。 　　 标签：定义一个镜头光晕样式。 　　 标签：定义一个镜头光晕。 　　 标签：存储一些数据。 　　 标签：定义场景。 　　 Krpano viewer的功能是十分强大和复杂的，本文只介绍系统所用到的几个比较重要的标签。 　　 二、校园全景漫游的具体实现 　　 2.1、将krpano viewer嵌入html网页 　　 Krpano Viewer提供了swfkrpano.js脚本。使用它可以很方便地将krpano viewer嵌入html网页,其使用方法如下： 　　 首先引入脚本文件： 　　 接着编写javascript脚本： 　　 　　 var swf = createswf(krpano.swf, krpanoSWFObject, 100%, 100%); 　　 swf.addVariable(xml, scenes-with-imagemap.xml); 　　swf.embed(krpanoDIV); 　　swf.addVariable(xml, krpano.xml); 　　 　　此段代码的说明为：var swf = createswf()表示可以创建要嵌入的对象。 　　 swf.addVariable()表示设置xml文件的路径。 　　 swf.embed(krpanoDIV)表示将krpano viewer嵌入到html元素里。 　　 2.2、设置初始场景 　　 在配置文件中的根节点中添加脚本动作，设置初始要载入的场景。 　　 　　 onstart为Krpano定义的事件，其后跟随的内容为事件的响应脚本。Loadscene函数表示载入场景，其第一参数为场景名称。Playsound函数是音频播放插件所提供。其第二个参数为要播放的音频文件的路径。 　　 2.3构建各个场景 　　 本系统所有的场景信息都保存在XML文件中。当需要载入某个场景时，系统会查找相应的标签，读取配置。在XML配置文件中，使用标签构建场景。具体示例如下： 　　 　　 标签后的name属性是必须的，同时，作为场景的标识，其值必须是全局唯一的。onstart属性后跟脚本动作代码，表示在场景刚载入时要做的工作。本例中，onstart属性后为一个名为startscene的动作。这个动作中包含一系列的脚本代码来完成一些工作，具体如下： 　　 　　 set(heading,90); 　　 showtext([b]要显示的字符[/b], infostyle); 　　 ac