一种图形纹理加载渲染方法.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN109064543A(43)申请公布日2018.12.21(21)申请号201811005061.1(22)申请日2018.08.30(71)申请人十一维度（厦门）网络科技有限公司地址361102福建省厦门市翔安区新店镇鸿翔西路1888号海西明珠大厦15楼1507室(72)发明人余海箭郑法灵吴高磊(51)Int.Cl.G06T15/04(2011.01)权利要求书1页说明书3页附图2页(54)发明名称一种图形纹理加载渲染方法(57)摘要本发明提供一种图形纹理加载渲染方法，所述方法包括：获取图像信息；图像分割；执行切割；命名与保存；图像合并；图像还原。本发明将高清图的分辨率除以4096，得出来等份数量的图像分块后，再按程序设定自动切割成相应等份，能够保证将高清图控制在4096像素以下后将图片进行快速加载，加载后通过画布自动重新描绘，再通过二维纹理数组贴图技术将图像还原，并采用原UV自动映射至原图形，切割工艺简单，制作效率高，错误率低，成本低。CN109064543ACN109064543A权利要求书1/1页1.一种图形纹理加载渲染方法，其特征在于，所述方法包括以下步骤：步骤一：获取图像信息；首先获取图像的大小信息和分辨率信息；步骤二：图像分割；将高清图的分辨率除以4096，得出来等份数量的图像分块；步骤三：执行切割；执行等份切割程序，将图像按程序设定自动切割成相应等份；步骤四：命名与保存；将切割后的图片按照序列命名并保存，建立UV索引，将U和V两个坐标值分别保存为二维数组的键，切割后的图片保存为二维数组的值；步骤五：图像合并；已保证将高清图控制在4096像素以下后，将图片进行快速加载，加载后通过画布自动重新描绘；步骤六：图像还原；通过二维纹理数组贴图技术将图像还原，并采用原UV自动映射至原图形。2.根据权利要求1所述的一种图形纹理加载渲染方法，其特征在于，所述步骤五中采用画布智能索引拼合图像。3.根据权利要求1所述的一种图形纹理加载渲染方法，其特征在于，所述步骤四中的按照序列命名并保存时，其序列为图像纹理的U和V两个坐标值。4.根据权利要求1所述的一种图形纹理加载渲染方法，其特征在于，所述步骤六中的采用原UV自动映射至原图形为：根据UV索引读取二维数组中的键，根据键值读取对应的分块后的图片信息，然后将各个等份的图片所对应的键值包含的U和V两个坐标值，将各个等份的图片分块映射到原图形上U和V两个坐标值对应的UV坐标上，以保证拼合的二维纹理数组贴图控制在4096像素以下，从而保证终端的加载速度，避免产生卡顿崩溃等问题。2CN109064543A说明书1/3页一种图形纹理加载渲染方法技术领域[0001]本发明属于图像加载技术领域，特别涉及一种图形纹理加载渲染方法。背景技术[0002]图像切割加载渲染技术用于全景图领域已得到极大的应用与发展，如：全景旅游、全景看房、全景展馆、全景效果图等，由于全景图所需720度全视角（六面），且需较高分辨率的图像数据，所采用的像素量比传统图片则多出六倍，而在一般手机端所能加载的图片大小不超过4096像素，因此加载图像变的异常慢，渲染也时常出现卡顿及崩溃状态，采用图像切割加载渲染技术则解决了这一问题，整张超大图像会自动被切割为1024以下像素，加载数据时会从服务器上被分块执行到终端进行渲染，有效解决了加载慢及卡顿崩溃等问题。[0003]在WebGL图形有多种，1、一维纹理：就是一条线；2、二维纹理：一张二维图片；3、二维纹理数组：由多张二维图片组成；4、还有三维纹理，立体纹理，在不同图形内容中需要不同的纹理贴图方法，有些复杂的图形内容也会将以上四种贴图方法结合起来使用，而无论是采用哪种方法，都会存在纹理像素大小限制，以上提到一般手机端所能加载的图片大小不超过4096像素，而4096像素在表现立体图形上的纹理，精度是显然不够的，如采用二维纹理数组贴图技术则可以将切割成多等份的高清图通过UV索引的方式进行拼合，以保证拼合的二维纹理数组贴图控制在4096像素以下。[0004]但是，现有的二维纹理数组贴图技术切割工艺极其复杂，需要通过PS手动将图像切成所需要的等份，按序列号命名保存，再通过第三方软件（如：3DMAX）将图像进行UV索引到图形上，图像分辨率越高则工作量越大，制作效率低下，错误率高，成本也会相应过高，为此，本发明提出一种图形纹理加载渲染方法。发明内容[0005]为了解决现有技术存在的问题，本发明提供了一种图形纹理加载渲染方法，切割工艺简单，制作效率高，错误率低，成本低。[0006]为了实现上述目的，本发明是通过如下的技术方案来实现：一种图形纹理加载渲染方法，所述方法包括以下步骤：步骤一：获取图像信息；首先获取图像的大小信息和