[发明专利]一种图形纹理加载渲染方法

说明书

本发明提供一种图形纹理加载渲染方法，所述方法包括：获取图像信息；图像分割；执行切割；命名与保存；图像合并；图像还原。本发明将高清图的分辨率除以4096，得出来等份数量的图像分块后，再按程序设定自动切割成相应等份，能够保证将高清图控制在4096像素以下后将图片进行快速加载，加载后通过画布自动重新描绘，再通过二维纹理数组贴图技术将图像还原，并采用原UV自动映射至原图形，切割工艺简单，制作效率高，错误率低，成本低。

技术领域

本发明属于图像加载技术领域，特别涉及一种图形纹理加载渲染方法。

背景技术

图像切割加载渲染技术用于全景图领域已得到极大的应用与发展，如：全景旅游、全景看房、全景展馆、全景效果图等，由于全景图所需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像素以下，从而保证终端的加载速度，避免产生卡顿崩溃等问题。