CN102982159B - 一种三维网页多场景快速切换方法 - Google Patents
一种三维网页多场景快速切换方法 Download PDFInfo
- Publication number
- CN102982159B CN102982159B CN201210516134.XA CN201210516134A CN102982159B CN 102982159 B CN102982159 B CN 102982159B CN 201210516134 A CN201210516134 A CN 201210516134A CN 102982159 B CN102982159 B CN 102982159B
- Authority
- CN
- China
- Prior art keywords
- parameter
- model
- render
- scene
- web page
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 16
- 241001269238 Data Species 0.000 claims abstract description 7
- 238000009877 rendering Methods 0.000 claims description 14
- 230000000007 visual effect Effects 0.000 claims description 11
- 238000005516 engineering process Methods 0.000 description 7
- 230000009466 transformation Effects 0.000 description 2
- 230000001154 acute effect Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000012856 packing Methods 0.000 description 1
Landscapes
- Processing Or Creating Images (AREA)
Abstract
本发明涉及一种三维网页多场景快速切换方法，该方法包括以下步骤：1)根据相机的位置获得所需显示的所有目标及区域全景；2)判断所需的场景数据是否在本地资源中，若是，则直接执行步骤3)，若否，则从资源服务器上下载所需的场景数据后，执行步骤3)；3)将所需的场景数据加载至内存中；4)根据场景的数据信息，将不同场景的模型数据全部加载入场景，并附加渲染队列的参数；5)根据当前相机位置，将该组中的所有模型数据传入显存中进行渲染；6)切换到其他场景时，重设相应模型的渲染队列的参数。与现有技术相比，本发明具有卡帧和掉帧现象少、场景切换流畅性强等优点。
Description
技术领域
本发明涉及一种网页加载与显示方法，尤其是涉及一种三维网页多场景快速切换方法。
背景技术
随着互联网技术的快速发展，传统的网页技术和表现形式也发生了剧烈变化。近2年，越来越多的三维网页游戏以及虚拟展示技术开始应用在互联网在线平台上。不可避免的是不同于传统的客户端三维技术，网页三维将面临更大的技术性挑战。其中一点就是网页三维将面对更多的用户群体，而用户电脑的硬件配置和游览器对三维技术的支持是各式各样，层次不齐的。所以优化合理的运用三维引擎的渲染效率是至关重要的。
传统的网页三维技术的引擎渲染基础步骤主要包括：
1、根据应用需要，确定所需资源本地是否存在，如果未能获得，则从网络上下载所需加载的资源；
2、CPU加载当前场景的资源信息至内存中，将非当前场景的资源从内存中释放掉；
3、通过当前相机的视觉位置，分析裁剪所需显示的模型范围，CPU根据需要将在视觉范围内的对象信息，从内存中读入显存；
4、根据视角的变化，加载需要的资源到显存中，数据会从内存中传输至显存。将不需要显示的数据从显存中剔除；
5、GPU会根据显存的信息绘制图形，在显示器显示图形。
然而，在实际应用过程中，摄像机(即用户可见视角)会因为用户的操作而不断改变。这会使计算机频繁的重新筛选需要加载在显存内的模型和贴图，这类操作需要大量的占用内存和显存空间的数据传输，而大幅度的降低显示效率，实际用户体验表现为响应缓慢、显示帧数降低。其次，在实际应用过程中，用户将常常面临各个显示区域的切换，从A地点转换到B地点。根据以上步骤，计算机会从显存和内存中删除不再显示使用的数据，并重新加载所需显示的内容，显示速度较慢。
发明内容
本发明的目的就是为了克服上述现有技术存在的缺陷而提供一种卡帧和掉帧现象少、场景切换流畅性强的三维网页多场景快速切换方法。
本发明的目的可以通过以下技术方案来实现：
一种三维网页多场景快速切换方法，该方法包括以下步骤：
1)根据相机的位置获得所需显示的所有目标及区域全景；
2)判断所需的场景数据是否在本地资源中，若是，则直接执行步骤3)，若否，则从资源服务器上下载所需的场景数据后，执行步骤3)；
3)将所需的场景数据加载至内存中；
4)根据当前场景的数据信息，将该场景的所有模型数据全部加载入场景，并附加渲染队列的参数，对所有模型进行分组渲染；
5)根据当前相机的视角，将该视角中的所有模型数据传入显存中进行渲染；
6)切换到其他场景时，重设相应模型的渲染队列的参数。
所述的渲染队列的参数包括渲染组参数和单模型渲染参数。
所述的渲染组参数包括当前组可见性参数。
所述的单模型渲染参数包括模型所属渲染组编号和模型可见性参数。
与现有技术相比，本发明可以有效的降低因场景切换和视角变换导致的卡帧和掉帧现象，从而使用户的体验流畅性大大增强，能够像二维游戏一样顺利高效率地切换不同场景。
附图说明
图1为本发明方法的流程示意图。
具体实施方式
下面结合附图和具体实施例对本发明进行详细说明。
实施例
如图1所示，一种三维网页多场景快速切换方法，该方法包括以下步骤：
1)根据相机的位置获得所需显示的所有目标及区域全景；
2)判断所需的场景数据是否在本地资源中，若是，则直接执行步骤3)，若否，则从资源服务器上下载所需的场景数据后，执行步骤3)；
3)将所需的场景数据加载至内存中；
4)根据当前场景的数据信息，将该场景的所有模型数据全部加载入场景，并附加渲染队列的参数，对所有模型进行分组渲染；
5)根据当前相机的视角，将该视角中的所有模型数据传入显存中进行渲染，不用释放内存资源；
6)切换到其他场景时，重设相应模型的渲染队列的参数。因所有资源已加载到内存中，不会根据相机的视角不同，而删减模型数据。
所述的渲染队列的参数包括渲染组参数和单模型渲染参数。所述的渲染组参数包括当前组可见性参数。所述的单模型渲染参数包括模型所属渲染组编号和模型可见性参数。
本方法可以有效的降低因场景切换和视角变换导致的卡顿和掉帧现象。从而使用户的体验流畅性大大增强，能够像二维游戏一样顺利高效率的切换不同场景。
Claims (3)
1.一种三维网页多场景快速切换方法，其特征在于，该方法包括以下步骤：
1)根据相机的位置获得所需显示的所有目标及区域全景；
2)判断所需的场景数据是否在本地资源中，若是，则直接执行步骤3)，若否，则从资源服务器上下载所需的场景数据后，执行步骤3)；
3)将所需的场景数据加载至内存中；
4)根据当前场景的数据信息，将该场景的所有模型数据全部加载入场景，并附加渲染队列的参数，对所有模型进行分组渲染，所述的渲染队列的参数包括渲染组参数和单模型渲染参数；
5)根据当前相机的视角，将该视角中的所有模型数据传入显存中进行渲染，不释放内存资源；
6)切换到其他场景时，重设相应模型的渲染队列的参数。
2.根据权利要求1所述的一种三维网页多场景快速切换方法，其特征在于，所述的渲染组参数包括当前组可见性参数。
3.根据权利要求1所述的一种三维网页多场景快速切换方法，其特征在于，所述的单模型渲染参数包括模型所属渲染组编号和模型可见性参数。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201210516134.XA CN102982159B (zh) | 2012-12-05 | 2012-12-05 | 一种三维网页多场景快速切换方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201210516134.XA CN102982159B (zh) | 2012-12-05 | 2012-12-05 | 一种三维网页多场景快速切换方法 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN102982159A CN102982159A (zh) | 2013-03-20 |
| CN102982159B true CN102982159B (zh) | 2016-07-06 |
Family
ID=47856176
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201210516134.XA Active CN102982159B (zh) | 2012-12-05 | 2012-12-05 | 一种三维网页多场景快速切换方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN102982159B (zh) |
Families Citing this family (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104572184B (zh) * | 2014-12-23 | 2018-04-20 | 珠海金山网络游戏科技有限公司 | 一种电子游戏资源的加载方法及系统 |
| CN104735359B (zh) * | 2015-04-09 | 2018-01-16 | 广东欧珀移动通信有限公司 | 一种移动终端的相机运行方法及装置 |
| CN106339390A (zh) * | 2015-07-09 | 2017-01-18 | 中兴通讯股份有限公司 | 基于人体特征数据的匹配方法及装置 |
| CN107221020B (zh) * | 2017-05-27 | 2021-04-16 | 北京奇艺世纪科技有限公司 | 一种文字纹理绘制方法及装置 |
| CN107274397B (zh) * | 2017-06-13 | 2020-08-11 | 深圳市瑞云科技有限公司 | 一种卡帧的自动识别方法 |
| CN111372145B (zh) * | 2020-04-15 | 2021-07-27 | 烽火通信科技股份有限公司 | 一种多视点视频的视点切换方法和系统 |
| CN113082705B (zh) * | 2021-05-08 | 2023-09-15 | 腾讯科技（上海）有限公司 | 游戏场景切换方法、装置、计算机设备及存储介质 |
| CN113457161B (zh) * | 2021-07-16 | 2024-02-13 | 深圳市腾讯网络信息技术有限公司 | 画面展示方法、信息生成方法、装置、设备及存储介质 |
| CN116627580B (zh) * | 2023-07-25 | 2023-09-22 | 江苏正泰泰杰赛智能科技有限公司 | 一种网页端的多级缓存的三维模型加载方法 |
Family Cites Families (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US6975329B2 (en) * | 2002-12-09 | 2005-12-13 | Nvidia Corporation | Depth-of-field effects using texture lookup |
| CN101315703A (zh) * | 2007-05-30 | 2008-12-03 | 数邦科技（上海）有限公司 | 三维大规模场景动态管理方法 |
| CN102109353B (zh) * | 2009-12-24 | 2013-01-02 | 比亚迪股份有限公司 | 一种实现三维导航的方法和装置 |
| CN102509323B (zh) * | 2011-11-14 | 2015-04-08 | 厦门吉比特网络技术股份有限公司 | 一种基于硬件加速渲染技术的显存控制处理方法 |
| CN102799456B (zh) * | 2012-07-24 | 2015-11-25 | 上海晨思电子科技有限公司 | 一种游戏引擎加载资源文件的方法、装置和计算机 |
-
2012
- 2012-12-05 CN CN201210516134.XA patent/CN102982159B/zh active Active
Also Published As
| Publication number | Publication date |
|---|---|
| CN102982159A (zh) | 2013-03-20 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN102982159B (zh) | 一种三维网页多场景快速切换方法 | |
| US9563929B1 (en) | Caching of content page layers | |
| CN103853417B (zh) | 网络动态图片的滚动分页显示方法和装置 | |
| EP3883256A1 (en) | Live stream processing method in webrtc and stream pushing client | |
| CN105630478B (zh) | 一种实现页面切换的方法和装置 | |
| CN103034729B (zh) | 网页绘制系统和方法 | |
| US20160284317A1 (en) | Method, device and system for loading and displaying pictures | |
| US9563928B1 (en) | Bandwidth reduction through delivery of hardware-independent graphics commands for portions of content pages | |
| EP2525294A1 (en) | Method and device for rendering user interface font | |
| CN103021023A (zh) | 一种基于浏览器的三维场景构建方法 | |
| CN107040584B (zh) | 客户端下载图片的方法及装置 | |
| US20150331836A9 (en) | Graceful degradation of level-of-detail in document rendering | |
| WO2015090064A1 (zh) | 页面渲染方法及装置 | |
| KR102421701B1 (ko) | 가상 현실 및 증강 현실 웹 페이지들의 콘텐츠 전달 가속화를 위한 시스템들 및 방법들 | |
| US20160162597A1 (en) | Intelligent browser-based display tiling | |
| KR20130093007A (ko) | 적응성 화상 렌더링 및 임포스터의 사용 | |
| CN110309451A (zh) | 一种web预加载页面的生成方法及装置 | |
| US10838608B2 (en) | Smooth scrolling of a structured document presented in a graphical user interface with bounded memory consumption | |
| CN103313120B (zh) | 显示画面的方法、移动终端、云端和系统 | |
| JP2014517961A5 (zh) | ||
| US9679075B1 (en) | Efficient delivery of animated image files | |
| CN107864384A (zh) | 重定向云桌面上互联网视频播放的方法及装置 | |
| CN108171783A (zh) | 图像渲染方法、系统以及电子设备 | |
| WO2022033162A1 (zh) | 一种模型加载方法以及相关装置 | |
| CN103856507A (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 | ||
| CP01 | Change in the name or title of a patent holder |
Address after: Zhabei District 200072 Shanghai 777 Canton Road No. 12 lane two building A-27 room Patentee after: SHANGHAI CREATOO NETWORK TECHNOLOGY CO.,LTD. Address before: Zhabei District 200072 Shanghai 777 Canton Road No. 12 lane two building A-27 room Patentee before: Shanghai Chuangtu Network Technology Development Co.,Ltd. |
|
| CP01 | Change in the name or title of a patent holder | ||
| PE01 | Entry into force of the registration of the contract for pledge of patent right |
Denomination of invention: A Fast Switching Method for 3D Web Pages with Multiple Scenes Effective date of registration: 20230321 Granted publication date: 20160706 Pledgee: Agricultural Bank of China Limited Shanghai Huangpu Sub branch Pledgor: SHANGHAI CREATOO NETWORK TECHNOLOGY CO.,LTD. Registration number: Y2023310000076 |
|
| PE01 | Entry into force of the registration of the contract for pledge of patent right | ||
| PC01 | Cancellation of the registration of the contract for pledge of patent right |
Granted publication date: 20160706 Pledgee: Agricultural Bank of China Limited Shanghai Huangpu Sub branch Pledgor: SHANGHAI CREATOO NETWORK TECHNOLOGY CO.,LTD. Registration number: Y2023310000076 |
|
| PC01 | Cancellation of the registration of the contract for pledge of patent right |