CN102752385B - 一种跨平台全景3d展示方法及系统 - Google Patents
一种跨平台全景3d展示方法及系统 Download PDFInfo
- Publication number
- CN102752385B CN102752385B CN201210224969.8A CN201210224969A CN102752385B CN 102752385 B CN102752385 B CN 102752385B CN 201210224969 A CN201210224969 A CN 201210224969A CN 102752385 B CN102752385 B CN 102752385B
- Authority
- CN
- China
- Prior art keywords
- scene
- self
- client
- defined configuration
- cross
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Expired - Fee Related
Links
Landscapes
- Information Transfer Between Computers (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明公开了一种跨平台全景3D展示方法及系统，方法包括步骤：判断客户端浏览器是否运行在IOS设备上，如果是，加载HTML5场景显示模块，否则加载FLASH场景显示模块；客户端向服务器端发送场景ID及请求场景自定义配置；服务器端读取场景自定义配置，返回给客户端；客户端向服务器端请求场景自定义配置里包含的数据；服务器端收到请求后从数据库中调用数据，返回给客户端；客户端创建场景，并通过场景显示模块展示。本方法与系统实现了跨平台功能，不仅能使用在PC上，还能用在各种移动设备上，扩大了使用范围，提高了便利性，并且还实现了个性化定制的功能，即只需修改场景自定义配置，就能根据自身需要修改场景里面的物体。
Description
技术领域
本发明涉及一种全景3D展示方法及系统，尤其涉及一种跨平台全景3D展示方法及系统。
背景技术
目前，为了节省时间和空间，人们经常通过PC或者手持移动设备来浏览虚拟的全景3D场景，如虚拟展台、虚拟展馆等，而不用花大量的成本辗转各地去实地考察。然而，现有的全景3D展示方法及系统都是基于flash技术，且只能运行在PC一个平台上，在使用范围及便利性上受到了极大的限制，特别是随着ipad、iphone及android Pad等手持移动设备的日益普及，越来越多的人注重轻便性而开始采用手持移动设备办公，但是，由于IOS设备（包括iPad、iPhone及iPod）不支持flash，现有的全景3D展示方法及系统不能在IOS设备上使用，即无法实现跨平台的功能，这给使用IOS设备的人们带来极大的困扰。并且，现有的全景3D展示方法及系统里面的3D场景都是固定的，人们难以根据自身需要去修改场景里面的物体，即缺失个性化定制的功能。
因此，有必要为人们提供一种具有个性化定制功能的跨平台全景3D展示方法及系统。
发明内容
针对现有技术的不足，本发明的目的旨在于提供一种跨平台全景3D展示方法及系统，其实现了跨平台功能，扩大了使用范围，提高了便利性，并具有个性化定制功能。
为实现上述目的本发明采用如下技术方案：
一种跨平台全景3D展示方法，包括如下步骤：
a．判断客户端浏览器是否运行在IOS设备上，如果是，在浏览器上加载HTML5场景显示模块，如果不是，加载FLASH场景显示模块；
b．客户端向服务器端发送场景ID及请求场景自定义配置；
c．服务器端根据场景ID读取场景自定义配置，返回给客户端；
d.客户端根据场景自定义配置，向服务器端请求场景自定义配置里包含的数据；
e．服务器端收到请求后从数据库中调用场景自定义配置里包含的数据，返回给客户端；
f.客户端根据接收到的数据创建可360度任意旋转的3D立方体场景，并通过场景显示模块展示。
其中，场景自定义配置包括：自定义物品的位置、图文内容及操作行为；组成立方体场景的六幅图；场景logo和名称；自定义热点的位置、图文内容及操作行为；自定义广告的位置、图文内容及操作行为。
其中，步骤f包括：客户端根据场景自定义配置提供的六幅图组成立方体，同时绑定场景交互事件；客户端根据场景自定义配置加载自定义物品、热点按钮与自定义广告；客户端加载地图及绑定地图相关鼠标事件。
其中，在步骤a中，通过正则表达式方法匹配检查客户端浏览器的UserAgent对象信息，如果userAgent对象里包含iPhone、iPad、iPod中的任一关键字就判断客户端浏览器运行在IOS设备上。
一种跨平台全景3D展示系统，包括：
浏览器判断模块，用于判断客户端浏览器是否运行在IOS设备上，如果是，在浏览器上加载HTML5场景显示模块，如果不是，加载FLASH场景显示模块；
发送模块，用于客户端向服务器端发送场景ID及请求场景自定义配置；
读取模块，用于服务器端根据场景ID读取场景自定义配置，返回给客户端；
数据请求模块，用于客户端根据场景自定义配置，向服务器端请求场景自定义配置里包含的数据；
调用模块，用于服务器端收到请求后从数据库中调用场景自定义配置里包含的数据，返回给客户端；
创建模块，用于客户端根据接收到的数据创建可360度任意旋转的3D立方体场景，并通过场景显示模块展示。
其中，所述场景自定义配置包括：自定义物品的位置、图文内容及操作行为；组成立方体场景的六幅图；场景logo和名称；自定义热点的位置、图文内容及操作行为；自定义广告的位置、图文内容及操作行为。
本发明所阐述的一种跨平台全景3D展示方法及系统，其有益效果在于：本方法与系统通过判断客户端浏览器是否运行在IOS设备上，而选择相应的场景显示模块，实现了跨平台功能，不仅能使用在PC上，还能使用在iPad、iPhone及android Pad等移动设备上，扩大了使用范围，提高了便利性，并且，通过场景自定义配置，实现了个性化定制的功能，即只需修改场景自定义配置，就能根据自身需要修改场景里面的物体。
附图说明
图1是本发明一种跨平台全景3D展示方法的流程图；
图2是本发明一种跨平台全景3D展示系统的结构示图。
具体实施方式
下面结合附图与具体实施例来对本发明作进一步描述。
请参照图1所示，其显示出了本发明一种跨平台全景3D展示方法的主要流程，在步骤a中，判断客户端浏览器是否运行在IOS设备上，如果是，在浏览器上加载HTML5场景显示模块，如果不是，加载FLASH场景显示模块。在本步骤中，可通过正则表达式方法匹配检查客户端浏览器的UserAgent对象信息来判断浏览器是否运行在IOS设备上，如果UserAgent对象里包含iphone、ipad、ipod这些关键字就判断为IOS设备，否则，就判断为非IOS设备，当然，如果不是IOS设备，在加载FLASH场景显示模块时，还需检查浏览器是否有Flash player插件及其版本，如果没有或者版本过低，则提示安装Flash player，条件满足后才能成功加载FLASH场景显示模块。
进行到步骤b，客户端向服务器端发送场景ID及请求场景自定义配置。本发明中的场景是可360度任意旋转观看各个方向的3D立方体场景，由六幅图组成场景的前、后、左、右、上、下六面，每个场景都具有唯一的场景ID，也就是说，每一个场景ID都对应了唯一的一个场景。场景自定义配置具有该场景所有的配置信息，是用户预先配置的组成场景外观及功能的数据，包括：自定义物品的位置、图文内容及操作行为；组成立方体场景的六幅图；场景logo和名称；自定义热点的位置、图文内容及操作行为；自定义广告的位置、图文内容及操作行为。
进行到步骤c，服务器端根据场景ID读取场景自定义配置，返回给客户端。场景ID与场景自定义配置是一一对应的，根据场景ID可以确定唯一的场景自定义配置。
进行到步骤d，客户端根据场景自定义配置，向服务器端请求场景自定义配置里包含的数据。
进行到步骤e，服务器端收到请求后从数据库中调用场景自定义配置里包含的数据，返回给客户端。
进行到步骤f，客户端根据接收到的数据创建场景，并通过场景显示模块展示。在本步骤中，具体流程是：客户端根据场景自定义配置提供的六幅图组成立方体，如果是采用FLASH场景显示模块来展示场景，则立方体通过away3d的3d引擎来创建，如果是HTML5场景显示模块来展示场景，则立方体通过CSS3 3D Transform来创建，不管是采用哪种方式来创建立方体，都可将镜头的视角设置在立方体的中心点，以便设置用户视角在场景的中心点，即场景的中心点是默认的视角位置，当然，这个视角位置可以根据不同场景而做出调整，在创建立方体的同时还绑定场景交互事件，包括用户对场景的常用操作，比如鼠标事件或触摸事件；客户端根据场景自定义配置加载自定义物品、热点按钮与自定义广告，热点按钮是场景中能够给用户点击的区域，功能包括场景间的转换，调用外部JS，弹出视频、文字、图片信息弹窗等等；客户端加载地图及绑定地图相关鼠标事件，地图在有多个场景同时出现时起到位置显示和导航作用，是当前场景及可与当前场景转换的其它场景的缩略图，通过点击地图，可快速定位到任意场景的任意位置。
场景展示时，如果用户有新的操作，则先判断该操作是加载新场景还是交互按钮事件，如果是新场景加载，则返回到步骤b，并重复后续流程，如果不是，则客户端向服务器端请求交互数据，服务器端通过数据库读取数据，返回给客户端，由场景显示模块显示交互数据内容。
如图2，本发明还提供了一种跨平台全景3D展示系统，包括：
浏览器判断模块，用于判断客户端浏览器是否运行在IOS设备上，如果是，在浏览器上加载HTML5场景显示模块，如果不是，加载FLASH场景显示模块；
发送模块，用于客户端向服务器端发送场景ID及请求场景自定义配置；
读取模块，用于服务器端根据场景ID读取场景自定义配置，返回给客户端；
数据请求模块，用于客户端根据场景自定义配置，向服务器端请求场景自定义配置里包含的数据；
调用模块，用于服务器端收到请求后从数据库中调用场景自定义配置里包含的数据，返回给客户端；
创建模块，用于客户端根据接收到的数据创建可360度任意旋转的3D立方体场景，并通过场景显示模块展示。
其中，所述场景自定义配置包括：自定义物品的位置、图文内容及操作行为；组成立方体场景的六幅图；场景logo和名称；自定义热点的位置、图文内容及操作行为；自定义广告的位置、图文内容及操作行为。
本系统所采用的相关方法与上述一种跨平台全景3D展示方法的实施方式相同，在此不再重复。
本发明的设计重点是：本方法与系统通过判断客户端浏览器是否运行在IOS设备上，而选择相应的场景显示模块，实现了跨平台功能，不仅能使用在PC上，还能使用在iPad、iPhone及android Pad等移动设备上，扩大了使用范围，提高了便利性，并且，通过场景自定义配置，实现了个性化定制的功能，即只需修改场景自定义配置，就能根据自身需要修改场景里面的物体。
以上所述，仅是本发明较佳实施例而已，并非对本发明的技术范围作任何限制，故凡是依据本发明的技术实质对以上实施例所作的任何细微修改、等同变化与修饰，均仍属于本发明技术方案的范围内。
Claims (6)
1.一种跨平台全景3D展示方法，其特征在于，包括如下步骤：
a.判断客户端浏览器是否运行在IOS设备上，如果是，在浏览器上加载HTML5场景显示模块，如果不是，加载FLASH场景显示模块；
b.客户端向服务器端发送场景ID及请求场景自定义配置；
c.服务器端根据场景ID读取场景自定义配置，返回给客户端；
d.客户端根据场景自定义配置，向服务器端请求场景自定义配置里包含的数据；
e.服务器端收到请求后从数据库中调用场景自定义配置里包含的数据，返回给客户端；
f.客户端根据接收到的数据创建可360度任意旋转的3D立方体场景，并通过场景显示模块展示；客户端加载地图及绑定地图相关鼠标事件，地图是当前场景及可与当前场景转换的其它场景的缩略图，通过点击地图，可定位到任意场景的任意位置。
2.根据权利要求1所述的一种跨平台全景3D展示方法，其特征在于，场景自定义配置包括：自定义物品的位置、图文内容及操作行为；组成立方体场景的六幅图；场景logo和名称；自定义热点的位置、图文内容及操作行为；自定义广告的位置、图文内容及操作行为。
3.根据权利要求2所述的一种跨平台全景3D展示方法，其特征在于，步骤f包括：客户端根据场景自定义配置提供的六幅图组成立方体，同时绑定场景交互事件；客户端根据场景自定义配置加载自定义物品、热点按钮与自定义广告；客户端加载地图及绑定地图相关鼠标事件。
4.根据权利要求1所述的一种跨平台全景3D展示方法，其特征在于，在步骤a中，通过正则表达式方法匹配检查客户端浏览器的UserAgent对象信息，如果userAgent对象里包含iPhone、iPad、iPod中的任一关键字就判断客户端浏览器运行在IOS设备上。
5.一种跨平台全景3D展示系统，其特征在于，包括：
浏览器判断模块，用于判断客户端浏览器是否运行在IOS设备上，如果是，在浏览器上加载HTML5场景显示模块，如果不是，加载FLASH场景显示模块；
发送模块，用于客户端向服务器端发送场景ID及请求场景自定义配置；
读取模块，用于服务器端根据场景ID读取场景自定义配置，返回给客户端；
数据请求模块，用于客户端根据场景自定义配置，向服务器端请求场景自定义配置里包含的数据；
调用模块，用于服务器端收到请求后从数据库中调用场景自定义配置里包含的数据，返回给客户端；
创建模块，用于客户端根据接收到的数据创建可360度任意旋转的3D立方体场景，并通过场景显示模块展示；客户端加载地图及绑定地图相关鼠标事件，地图是当前场景及可与当前场景转换的其它场景的缩略图，通过点击地图，可定位到任意场景的任意位置。
6.根据权利要求5所述的一种跨平台全景3D展示系统，其特征在于，所述场景自定义配置包括：自定义物品的位置、图文内容及操作行为；组成立方体场景的六幅图；场景logo和名称；自定义热点的位置、图文内容及操作行为；自定义广告的位置、图文内容及操作行为。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201210224969.8A CN102752385B (zh) | 2012-06-29 | 2012-06-29 | 一种跨平台全景3d展示方法及系统 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201210224969.8A CN102752385B (zh) | 2012-06-29 | 2012-06-29 | 一种跨平台全景3d展示方法及系统 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN102752385A CN102752385A (zh) | 2012-10-24 |
| CN102752385B true CN102752385B (zh) | 2015-07-22 |
Family
ID=47032283
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201210224969.8A Expired - Fee Related CN102752385B (zh) | 2012-06-29 | 2012-06-29 | 一种跨平台全景3d展示方法及系统 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN102752385B (zh) |
Families Citing this family (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104580298B (zh) * | 2013-10-17 | 2018-05-08 | 北大方正集团有限公司 | 文件上传处理方法及装置 |
| CN104200405A (zh) * | 2014-09-03 | 2014-12-10 | 四川上略互动网络技术有限公司 | 智慧景区数字全景系统及其客户端与服务器端应答方法 |
| CN105956034A (zh) * | 2016-04-25 | 2016-09-21 | 北京大国慧谷科技股份有限公司 | 一种全景处理方法和设备 |
| CN105959821A (zh) * | 2016-05-30 | 2016-09-21 | 乐视控股（北京）有限公司 | 一种视频播放方法及设备 |
| CN107423445B (zh) * | 2017-08-10 | 2018-10-30 | 腾讯科技（深圳）有限公司 | 一种地图数据处理方法、装置及存储介质 |
| CN107657013A (zh) * | 2017-09-26 | 2018-02-02 | 安徽美图信息科技有限公司 | 一种基于全景技术与位置服务相结合的跨平台展示系统 |
| CN108228836B (zh) * | 2018-01-04 | 2021-02-02 | 武汉斗鱼网络科技有限公司 | 视频兼容加载方法、装置及视频组件 |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101641687A (zh) * | 2007-03-19 | 2010-02-03 | 微软公司 | 使用场景相关信息来定制用户体验 |
| CN101644989A (zh) * | 2009-09-08 | 2010-02-10 | 南京师范大学 | 基于数字头盔的通用三维虚拟场景实时交互方法 |
| CN101694615A (zh) * | 2009-09-30 | 2010-04-14 | 成都九门科技有限公司 | 一种基于浏览器的三维超大场景的构建系统 |
| CN102012906A (zh) * | 2010-10-27 | 2011-04-13 | 南京聚社数字科技有限公司 | 基于SaaS架构的三维场景管理平台及编辑浏览方法 |
| CN102413164A (zh) * | 2011-08-31 | 2012-04-11 | 北京华电万通科技有限公司 | 一种基于Web的三维场景可视化编辑装置和方法 |
-
2012
- 2012-06-29 CN CN201210224969.8A patent/CN102752385B/zh not_active Expired - Fee Related
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101641687A (zh) * | 2007-03-19 | 2010-02-03 | 微软公司 | 使用场景相关信息来定制用户体验 |
| CN101644989A (zh) * | 2009-09-08 | 2010-02-10 | 南京师范大学 | 基于数字头盔的通用三维虚拟场景实时交互方法 |
| CN101694615A (zh) * | 2009-09-30 | 2010-04-14 | 成都九门科技有限公司 | 一种基于浏览器的三维超大场景的构建系统 |
| CN102012906A (zh) * | 2010-10-27 | 2011-04-13 | 南京聚社数字科技有限公司 | 基于SaaS架构的三维场景管理平台及编辑浏览方法 |
| CN102413164A (zh) * | 2011-08-31 | 2012-04-11 | 北京华电万通科技有限公司 | 一种基于Web的三维场景可视化编辑装置和方法 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN102752385A (zh) | 2012-10-24 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN102752385B (zh) | 一种跨平台全景3d展示方法及系统 | |
| US9911239B2 (en) | Augmenting a live view | |
| Liao | Augmented or admented reality? The influence of marketing on augmented reality technologies | |
| Kounavis et al. | Enhancing the tourism experience through mobile augmented reality: Challenges and prospects | |
| US8451266B2 (en) | Interactive three-dimensional augmented realities from item markers for on-demand item visualization | |
| US20140340423A1 (en) | Marker-based augmented reality (AR) display with inventory management | |
| CN106164934A (zh) | 智能相机用户界面 | |
| CN104145265B (zh) | 涉及搜索和/或搜索整合的特征的系统和方法 | |
| CN104602128A (zh) | 视频处理方法和视频处理装置 | |
| US20120290387A1 (en) | System and Method of Advertising for Objects Displayed on a Webpage | |
| Want | iPhone: smarter than the average phone | |
| JP2014524062A5 (zh) | ||
| CN102067125A (zh) | 用于搜索信息的方法和装置 | |
| TW201342282A (zh) | 由無線通訊賦能的促銷與商業交易 | |
| US9600720B1 (en) | Using available data to assist in object recognition | |
| KR20170125618A (ko) | 증강현실 플랫폼을 통해 가상 영역에 표시할 컨텐츠를 생성하는 방법 및 이를 지원하는 전자 장치 | |
| CN104182444A (zh) | 一种新闻搜索方法及装置 | |
| US10600060B1 (en) | Predictive analytics from visual data | |
| Rattanarungrot et al. | The application of augmented reality for reanimating cultural heritage | |
| Vera et al. | A model for in-situ augmented reality content creation based on storytelling and gamification | |
| CN104238884A (zh) | 基于数字全景的动态信息呈现与用户交互系统及设备 | |
| JP5397507B2 (ja) | 書籍コンテンツに広告を挿入配信するサーバ装置 | |
| TW201535234A (zh) | 資訊介面產生 | |
| CN104750792A (zh) | 一种用户特征的获取方法及装置 | |
| CN104123067A (zh) | 电气设备物联网系统中设备与对应图标组态及显示方法 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant | ||
| CF01 | Termination of patent right due to non-payment of annual fee | ||
| CF01 | Termination of patent right due to non-payment of annual fee |
Granted publication date: 20150722 Termination date: 20210629 |