CN109064543A - 一种图形纹理加载渲染方法 - Google Patents
一种图形纹理加载渲染方法 Download PDFInfo
- Publication number
- CN109064543A CN109064543A CN201811005061.1A CN201811005061A CN109064543A CN 109064543 A CN109064543 A CN 109064543A CN 201811005061 A CN201811005061 A CN 201811005061A CN 109064543 A CN109064543 A CN 109064543A
- Authority
- CN
- China
- Prior art keywords
- image
- equal portions
- textures
- load
- picture
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 29
- 238000009877 rendering Methods 0.000 title claims abstract description 19
- 238000005520 cutting process Methods 0.000 claims abstract description 21
- 238000013507 mapping Methods 0.000 claims abstract description 8
- 238000010422 painting Methods 0.000 claims abstract description 8
- 238000003709 image segmentation Methods 0.000 claims abstract description 4
- 238000004321 preservation Methods 0.000 claims abstract description 4
- 230000008901 benefit Effects 0.000 description 2
- 238000010586 diagram Methods 0.000 description 2
- 230000002159 abnormal effect Effects 0.000 description 1
- 230000018109 developmental process Effects 0.000 description 1
- 238000004043 dyeing Methods 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T15/00—3D [Three Dimensional] image rendering
- G06T15/04—Texture mapping
Landscapes
- Engineering & Computer Science (AREA)
- Computer Graphics (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Theoretical Computer Science (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明提供一种图形纹理加载渲染方法,所述方法包括:获取图像信息;图像分割;执行切割;命名与保存;图像合并;图像还原。本发明将高清图的分辨率除以4096,得出来等份数量的图像分块后,再按程序设定自动切割成相应等份,能够保证将高清图控制在4096像素以下后将图片进行快速加载,加载后通过画布自动重新描绘,再通过二维纹理数组贴图技术将图像还原,并采用原UV自动映射至原图形,切割工艺简单,制作效率高,错误率低,成本低。
Description
技术领域
本发明属于图像加载技术领域,特别涉及一种图形纹理加载渲染方法。
背景技术
图像切割加载渲染技术用于全景图领域已得到极大的应用与发展,如:全景旅游、全景看房、全景展馆、全景效果图等,由于全景图所需720度全视角(六面),且需较高分辨率的图像数据,所采用的像素量比传统图片则多出六倍,而在一般手机端所能加载的图片大小不超过4096像素,因此加载图像变的异常慢,渲染也时常出现卡顿及崩溃状态,采用图像切割加载渲染技术则解决了这一问题,整张超大图像会自动被切割为1024以下像素,加载数据时会从服务器上被分块执行到终端进行渲染,有效解决了加载慢及卡顿崩溃等问题。
在WebGL图形有多种,1、一维纹理:就是一条线;2、二维纹理:一张二维图片;3、二维纹理数组:由多张二维图片组成;4、还有三维纹理,立体纹理,在不同图形内容中需要不同的纹理贴图方法,有些复杂的图形内容也会将以上四种贴图方法结合起来使用,而无论是采用哪种方法,都会存在纹理像素大小限制,以上提到一般手机端所能加载的图片大小不超过4096像素,而4096像素在表现立体图形上的纹理,精度是显然不够的,如采用二维纹理数组贴图技术则可以将切割成多等份的高清图通过UV索引的方式进行拼合,以保证拼合的二维纹理数组贴图控制在4096像素以下。
但是,现有的二维纹理数组贴图技术切割工艺极其复杂,需要通过PS手动将图像切成所需要的等份,按序列号命名保存,再通过第三方软件(如:3DMAX)将图像进行UV索引到图形上,图像分辨率越高则工作量越大,制作效率低下,错误率高,成本也会相应过高,为此,本发明提出一种图形纹理加载渲染方法。
发明内容
为了解决现有技术存在的问题,本发明提供了一种图形纹理加载渲染方法,切割工艺简单,制作效率高,错误率低,成本低。
为了实现上述目的,本发明是通过如下的技术方案来实现:一种图形纹理加载渲染方法,所述方法包括以下步骤:
步骤一:获取图像信息;首先获取图像的大小信息和分辨率信息;
步骤二:图像分割;将高清图的分辨率除以4096,得出来等份数量的图像分块;
步骤三:执行切割;执行等份切割程序,将图像按程序设定自动切割成相应等份;
步骤四:命名与保存;将切割后的图片按照序列命名并保存,建立UV索引,将U和V两个坐标值分别保存为二维数组的键,切割后的图片保存为二维数组的值;
步骤五:图像合并;已保证将高清图控制在4096像素以下后,将图片进行快速加载,加载后通过画布自动重新描绘;
步骤六:图像还原;通过二维纹理数组贴图技术将图像还原,并采用原UV自动映射至原图形。
作为本发明的一种优选方式,所述步骤五中采用画布智能索引拼合图像。
作为本发明的一种优选方式,所述步骤四中的按照序列命名并保存时,其序列为图像纹理的U和V两个坐标值。
作为本发明的一种优选方式,所述步骤六中的采用原UV自动映射至原图形为:根据UV索引读取二维数组中的键,根据键值读取对应的分块后的图片信息,然后将各个等份的图片所对应的键值包含的U和V两个坐标值,将各个等份的图片分块映射到原图形上U和V两个坐标值对应的UV坐标上,以保证拼合的二维纹理数组贴图控制在4096像素以下,从而保证终端的加载速度,避免产生卡顿崩溃等问题。
本发明的有益效果为:
1、本发明将高清图的分辨率除以4096,得出来等份数量的图像分块后,再按程序设定自动切割成相应等份,能够保证将高清图控制在4096像素以下后将图片进行快速加载,加载后通过画布自动重新描绘,再通过二维纹理数组贴图技术将图像还原,并采用原UV自动映射至原图形,切割工艺简单,制作效率高,错误率低,成本低。
2、本发明相比于现有的二维纹理数组贴图技术简化了切割工艺,不再需要通过PS手动将图像切成所需要的等份,同时也不需要再通过第三方软件(如:3DMAX)将图像进行UV索引到图形上,有效的解决了图像分辨率越高工作量越大、制作效率低下和错误率高的缺点。
3、本发明对图形进行纹理加载渲染步骤简洁,能够有效的提高制作效率,为图形纹理加载渲染提供了一个新的方法。
附图说明
图1为一种图形纹理加载渲染方法步骤流程图;
图2为一种图形纹理加载渲染方法的图像切割示意图;
图3为一种图形纹理加载渲染方法工作流程示意图。
具体实施方式
为使本发明实现的技术手段、创作特征、达成目的与功效易于明白了解,下面结合具体实施方式,进一步阐述本发明。
请参阅图1至图3,本发明提供一种技术方案:一种图形纹理加载渲染方法,所述方法包括以下步骤:
步骤一:获取图像信息;首先获取图像的大小信息和分辨率信息;
步骤二:图像分割;将高清图的分辨率除以4096,得出来等份数量的图像分块;
步骤三:执行切割;执行等份切割程序,将图像按程序设定自动切割成相应等份;
步骤四:命名与保存;将切割后的图片按照序列命名并保存,建立UV索引,将U和V两个坐标值分别保存为二维数组的键,切割后的图片保存为二维数组的值;
步骤五:图像合并;已保证将高清图控制在4096像素以下后,将图片进行快速加载,加载后通过画布自动重新描绘;
步骤六:图像还原;通过二维纹理数组贴图技术将图像还原,并采用原UV自动映射至原图形。
作为本发明的一种优选方式,所述步骤五中采用画布智能索引拼合图像。
作为本发明的一种优选方式,所述步骤四中的按照序列命名并保存时,其序列为图像纹理的U和V两个坐标值。
作为本发明的一种优选方式,所述步骤六中的采用原UV自动映射至原图形为:根据UV索引读取二维数组中的键,根据键值读取对应的分块后的图片信息,然后将各个等份的图片所对应的键值包含的U和V两个坐标值,将各个等份的图片分块映射到原图形上U和V两个坐标值对应的UV坐标上,以保证拼合的二维纹理数组贴图控制在4096像素以下,从而保证终端的加载速度,避免产生卡顿崩溃等问题。
以上显示和描述了本发明的基本原理和主要特征和本发明的优点,对于本领域技术人员而言,显然本发明不限于上述示范性实施例的细节,而且在不背离本发明的精神或基本特征的情况下,能够以其他的具体形式实现本发明。因此,无论从哪一点来看,均应将实施例看作是示范性的,而且是非限制性的,本发明的范围由所附权利要求而不是上述说明限定,因此旨在将落在权利要求的等同要件的含义和范围内的所有变化囊括在本发明内。不应将权利要求中的任何附图标记视为限制所涉及的权利要求。
此外,应当理解,虽然本说明书按照实施方式加以描述,但并非每个实施方式仅包含一个独立的技术方案,说明书的这种叙述方式仅仅是为清楚起见,本领域技术人员应当将说明书作为一个整体,各实施例中的技术方案也可以经适当组合,形成本领域技术人员可以理解的其他实施方式。
Claims (4)
1.一种图形纹理加载渲染方法,其特征在于,所述方法包括以下步骤:
步骤一:获取图像信息;首先获取图像的大小信息和分辨率信息;
步骤二:图像分割;将高清图的分辨率除以4096,得出来等份数量的图像分块;
步骤三:执行切割;执行等份切割程序,将图像按程序设定自动切割成相应等份;
步骤四:命名与保存;将切割后的图片按照序列命名并保存,建立UV索引,将U和V两个坐标值分别保存为二维数组的键,切割后的图片保存为二维数组的值;
步骤五:图像合并;已保证将高清图控制在4096像素以下后,将图片进行快速加载,加载后通过画布自动重新描绘;
步骤六:图像还原;通过二维纹理数组贴图技术将图像还原,并采用原UV自动映射至原图形。
2.根据权利要求1所述的一种图形纹理加载渲染方法,其特征在于,所述步骤五中采用画布智能索引拼合图像。
3.根据权利要求1所述的一种图形纹理加载渲染方法,其特征在于,所述步骤四中的按照序列命名并保存时,其序列为图像纹理的U和V两个坐标值。
4.根据权利要求1所述的一种图形纹理加载渲染方法,其特征在于,所述步骤六中的采用原UV自动映射至原图形为:根据UV索引读取二维数组中的键,根据键值读取对应的分块后的图片信息,然后将各个等份的图片所对应的键值包含的U和V两个坐标值,将各个等份的图片分块映射到原图形上U和V两个坐标值对应的UV坐标上,以保证拼合的二维纹理数组贴图控制在4096像素以下,从而保证终端的加载速度,避免产生卡顿崩溃等问题。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811005061.1A CN109064543A (zh) | 2018-08-30 | 2018-08-30 | 一种图形纹理加载渲染方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811005061.1A CN109064543A (zh) | 2018-08-30 | 2018-08-30 | 一种图形纹理加载渲染方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN109064543A true CN109064543A (zh) | 2018-12-21 |
Family
ID=64758010
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811005061.1A Pending CN109064543A (zh) | 2018-08-30 | 2018-08-30 | 一种图形纹理加载渲染方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109064543A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110134319A (zh) * | 2019-05-16 | 2019-08-16 | 成都品果科技有限公司 | 一种基于android系统的图像显示方法及装置 |
Citations (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20030011611A1 (en) * | 2001-07-13 | 2003-01-16 | Sony Computer Entertainment Inc. | Rendering process |
US20060227131A1 (en) * | 2005-04-12 | 2006-10-12 | Thomas Schiwietz | Flat texture volume rendering |
CN101286225A (zh) * | 2007-04-11 | 2008-10-15 | 中国科学院自动化研究所 | 一种基于三维纹理硬件加速的海量数据体绘制方法 |
US7777750B1 (en) * | 2006-07-28 | 2010-08-17 | Nvidia Corporation | Texture arrays in a graphics library |
CN102663664A (zh) * | 2012-03-02 | 2012-09-12 | 石家庄铁道大学 | 超大纹理图像的处理方法 |
CN103308942A (zh) * | 2012-03-12 | 2013-09-18 | 中国石油天然气股份有限公司 | 一种可视化地震数据的方法及系统 |
CN103745448A (zh) * | 2013-12-24 | 2014-04-23 | 四川大学 | 光栅3d显示中超高分辨率合成图像的快速生成方法 |
CN103970605A (zh) * | 2013-02-06 | 2014-08-06 | 珠海世纪鼎利通信科技股份有限公司 | 一种基于低性能终端的数据分析方法及装置 |
CN104574263A (zh) * | 2015-01-28 | 2015-04-29 | 湖北科技学院 | 一种基于gpu的快速三维超声重建和显示方法 |
CN104751494A (zh) * | 2015-04-27 | 2015-07-01 | 国家电网公司 | 一种OpenGL超大纹理的处理和绘制方法 |
CN106446351A (zh) * | 2016-08-31 | 2017-02-22 | 郑州捷安高科股份有限公司 | 一种面向实时绘制的大规模场景组织与调度技术及仿真系统 |
CN108043030A (zh) * | 2017-11-27 | 2018-05-18 | 广西南宁聚象数字科技有限公司 | 一种用真实图画构造互动游戏玩家角色的方法 |
-
2018
- 2018-08-30 CN CN201811005061.1A patent/CN109064543A/zh active Pending
Patent Citations (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20030011611A1 (en) * | 2001-07-13 | 2003-01-16 | Sony Computer Entertainment Inc. | Rendering process |
US20060227131A1 (en) * | 2005-04-12 | 2006-10-12 | Thomas Schiwietz | Flat texture volume rendering |
US7777750B1 (en) * | 2006-07-28 | 2010-08-17 | Nvidia Corporation | Texture arrays in a graphics library |
CN101286225A (zh) * | 2007-04-11 | 2008-10-15 | 中国科学院自动化研究所 | 一种基于三维纹理硬件加速的海量数据体绘制方法 |
CN102663664A (zh) * | 2012-03-02 | 2012-09-12 | 石家庄铁道大学 | 超大纹理图像的处理方法 |
CN103308942A (zh) * | 2012-03-12 | 2013-09-18 | 中国石油天然气股份有限公司 | 一种可视化地震数据的方法及系统 |
CN103970605A (zh) * | 2013-02-06 | 2014-08-06 | 珠海世纪鼎利通信科技股份有限公司 | 一种基于低性能终端的数据分析方法及装置 |
CN103745448A (zh) * | 2013-12-24 | 2014-04-23 | 四川大学 | 光栅3d显示中超高分辨率合成图像的快速生成方法 |
CN104574263A (zh) * | 2015-01-28 | 2015-04-29 | 湖北科技学院 | 一种基于gpu的快速三维超声重建和显示方法 |
CN104751494A (zh) * | 2015-04-27 | 2015-07-01 | 国家电网公司 | 一种OpenGL超大纹理的处理和绘制方法 |
CN106446351A (zh) * | 2016-08-31 | 2017-02-22 | 郑州捷安高科股份有限公司 | 一种面向实时绘制的大规模场景组织与调度技术及仿真系统 |
CN108043030A (zh) * | 2017-11-27 | 2018-05-18 | 广西南宁聚象数字科技有限公司 | 一种用真实图画构造互动游戏玩家角色的方法 |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110134319A (zh) * | 2019-05-16 | 2019-08-16 | 成都品果科技有限公司 | 一种基于android系统的图像显示方法及装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10861133B1 (en) | Super-resolution video reconstruction method, device, apparatus and computer-readable storage medium | |
CN1659595B (zh) | 用于编码纹理信息的方法和设备 | |
US20170236323A1 (en) | Method and apparatus for generating omni media texture mapping metadata | |
DE102008059372A1 (de) | Bildverzeichnungskorrektur | |
JP6735908B2 (ja) | パノラマビデオ圧縮方法および装置 | |
CN104616263A (zh) | 图片处理方法和图片处理装置 | |
CN109785417A (zh) | 一种实现OpenGL累积操作的方法及装置 | |
CN109949395A (zh) | 热力图渲染方法及装置 | |
CN104360847A (zh) | 一种用于处理图像的方法与设备 | |
CN112233009A (zh) | 一种图片渲染方法、装置、设备和存储介质 | |
CN114782648A (zh) | 图像处理方法、装置、电子设备及存储介质 | |
CN110363837B (zh) | 游戏中纹理图像的处理方法及装置、电子设备、存储介质 | |
CN111710020A (zh) | 动画渲染方法和装置及存储介质 | |
CN110956584A (zh) | 一种病理显微图像交互显示方法、介质及设备 | |
CN113506305B (zh) | 三维点云数据的图像增强方法、语义分割方法及装置 | |
CN103516959B (zh) | 图像处理方法及设备 | |
CN105094615A (zh) | 一种信息处理方法及电子设备 | |
CN114429513A (zh) | 可见元素的确定方法和装置、存储介质及电子设备 | |
CN109064543A (zh) | 一种图形纹理加载渲染方法 | |
CN116597063B (zh) | 图片渲染方法、装置、设备和介质 | |
CN111562869B (zh) | 截图方法及装置、存储介质、电子装置 | |
CN113077541A (zh) | 一种虚拟天空画面的渲染方法及相关设备 | |
US8203567B2 (en) | Graphics processing method and apparatus implementing window system | |
CN112215739A (zh) | 一种用于AutoCAD的正射影图文件处理方法、装置及存储介质 | |
CN109214977A (zh) | 图像处理装置及其控制方法 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20181221 |
|
RJ01 | Rejection of invention patent application after publication |