一种基于GPU特性的实时渲染GUI的优化方法.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN110874856A(43)申请公布日2020.03.10(21)申请号201911102678.X(22)申请日2019.11.12(71)申请人广州银汉科技有限公司地址510630广东省广州市天河区中山大道西路238号201房(72)发明人刘泳王秀龙(51)Int.Cl.G06T11/00(2006.01)G06T11/40(2006.01)G06T1/20(2006.01)权利要求书2页说明书8页附图2页(54)发明名称一种基于GPU特性的实时渲染GUI的优化方法(57)摘要本发明公开一种基于GPU特性的实时渲染GUI的优化方法，预先创建两张N*N的纹理，一般来说N＝1024或2048，把UI设计出的原始图片，动态的映射到这两张运行时纹理上，动态的迭入迭出；所有的UI再进行绘制的时候，均通过这该两张纹理来进行绘制。本发明中，设计师无需关注每一个小的图片元素应该归属于哪个图集，把真正的精力放在GUI的设计上，从而真正的发挥美术设计师擅长的领域，提高工作效率,与Unity等商业引擎不同的是，不仅仅是去掉图集这个概念，而是从真正的实现上去掉图集。CN110874856ACN110874856A权利要求书1/2页1.一种基于GPU特性的实时渲染GUI的优化方法，其特征在于，包括：预先创建两张N*N的纹理，一般来说N＝1024或2048，把UI设计出的原始图片，动态的映射到这两张运行时纹理上，动态的迭入迭出；所有的UI再进行绘制的时候，均通过这该两张纹理来进行绘制；上述过程中，将美术设计师的若干散图片，通过矩形填充算法填充到运行时纹理；其中，所述矩形填充算法的图形结构为一颗三叉树，树节点如下：节点信息{已经占用的区域可用区域1(节点信息)可用区域2(节点信息)可用区域3(节点信息)}在向大纹理去查找可用的纹理区域时，需要查找叶子节点，即可用区域1、2、3，如果找到，那么填充该节点的占用区域信息，同时将该节点划分为已占用区域和可用区域，递归实现为一颗三叉树，完成纹理内容的填充；在已占用的区域内，重新划分已占用区域，可用区域1、2、3，依次类推。2.根据权利要求1所述的基于GPU特性的实时渲染GUI的优化方法，其特征在于，在上述过程中，运行时图集需要美术做好原始图集的切分，采用九宫格划分方式，运行时图集就容纳更多的图片，通过监控需要同时绘制散图片是否将运行时图集填满并溢出，如果出现这种情况，则需要检查散图片是否做好正确的划分，并重复该过程，重新切分图片。3.根据权利要求1所述的基于GPU特性的实时渲染GUI的优化方法，其特征在于，在映射过程中，与原有的正方形图形同步，将图片的顶点预生成，以减少图片的绘制面积。4.根据权利要求3所述的基于GPU特性的实时渲染GUI的优化方法，其特征在于，在映射过程中，需要对图片进行定位，在图形识别以及顶点定位过程中，往往产生顶点扭曲或偏移，产生图形错误，不能够准确定位，因此，在若干个区域内先后插入图形点，图形点与填充的图形组合插入，通过在同一区域内的三个图形点，确定基准顶点，则相应的图形码以此为基准进行排列，在同一区域内设定Z个区域段，在Z各区域段内设定三个图形点。图形点也可设置为移动式的，所述顶点确定模块根据每个顶点信息进行设定，设定每个区域段大小的灰度值E，通过将不同灰度值与相应的顶点Q对应，实时获取的图像图谱灰度值信息为E，预设顶点Q0对应的图像图谱灰度值信息为E0，将实际灰度值E与预设灰度值E0进行比较，获得实际顶点Qi。5.根据权利要求4所述的基于GPU特性的实时渲染GUI的优化方法，其特征在于，设定对应的灰度值与顶点值按照预设的正相关关系进行确定，基于该算法得出对应的一组相对顶点信息；在确定获取每个定位点的顶点信息时，首先获取满足图像图谱灰度值信息为E0最接近的第一顶点Q1、第二顶点Q2、第三顶点Q3，通过该三个顶点获取可能的第一顶点Q(Qx，Qy)。6.根据权利要求5所述的基于GPU特性的实时渲染GUI的优化方法，其特征在于，在获取实时顶点信息时，获取每个相对顶点信息的x轴方向参量QiX＝Qixcos(ai),ai表示对应的2CN110874856A权利要求书2/2页每个相对顶点Qi信息在坐标系中沿x轴方向的夹角，Qixsin(ai)表示对应的每个相对顶点Qi信息在坐标系中沿x轴方向的投影长度，分别为a1、a2、a3，可能的第一顶点Q(Qx，Qy)中，实时x轴顶点为Qx＝(Q1x+Q2x+Q3x)/3。7.根据权利要求6所述的基于GPU特性的实时渲染GUI的优化方法，其特征在于，获取每个相对顶点信息的y轴方向参量Qiy＝Qixsin(ai),ai表示对应的每个相对顶点Qi信息在坐标系中沿y轴方向的夹角，Qixsi