基于虚拟引擎的旋转进度条实现方法技术

本发明专利技术实施例公开一种基于虚拟引擎的旋转进度条实现方法，包括步骤S01、创建二维空间，变换二维空间内的二维坐标，将二维坐标的坐标原点设置在二维空间的中心处；步骤S02、建立二维坐标与三角函数的映射关系，并输出三角函数值；步骤S03、将三角函数值除以2π后归一化处理，得到二维坐标与（0，1）数值区间内输出值的映射关系；步骤S04、为二维坐标的全部输出值均与进度条参数求和后向下取整，得到进度条区域与非进度条区域。本发明专利技术的一种基于虚拟引擎的旋转进度条实现方法实现了在虚幻引擎下生成环形进度条材质，可应用于环形进度条的UI场景，而且可通过变换坐标系，实现8中不同起点与旋转方向的环形进度条。与旋转方向的环形进度条。与旋转方向的环形进度条。

【技术实现步骤摘要】
基于虚拟引擎的旋转进度条实现方法


[0001]本专利技术实施例涉及虚拟引擎
，具体涉及一种基于虚拟引擎的旋转进度条实现方法。

技术介绍

[0002]虚幻引擎的WidgetBlueprint 是专门用于制作UI菜单的工具，它提供了多种常用的控件，其内置的ProcessBar 控件是进度条控件，其提供的可外部控制的进度条仅包括轴向水平或轴向垂直的直线进度条，无法满足对进度条多样性的要求，而旋转进度条在美观性与可塑性上远大于直线进度条，因此大部分游戏中进度条均首选旋转进度条，因此为了完善虚拟引擎的进度条功能，需要开发一种基于虚拟引擎的旋转进度条实现方法。

技术实现思路

[0003]为此，本专利技术实施例提供一种基于虚拟引擎的进度条实现方法，以解决现有技术中由于进度条仅配置直线移动而导致进度条过于单一的问题。
[0004]为了实现上述目的，本专利技术实施例提供如下技术方案：一种基于虚拟引擎的旋转进度条实现方法，包括以下步骤：步骤S01、创建二维空间，变换二维空间内的二维坐标，将二维坐标的坐标原点设置在二维空间的中心处；步骤S02、建立二维坐标与三角函数的映射关系，并输出三角函数值；步骤S03、将三角函数值除以2π后归一化处理，得到二维坐标与（0，1）数值区间内输出值的映射关系；步骤S04、为二维坐标的全部输出值均与进度条参数求和后向下取整，得到进度条区域与非进度条区域。
[0005]进一步的，所述步骤S01中对二维坐标的变换包括缩放处理与平移处理。
[0006]进一步的，所述步骤S02中所述建立二维坐标与三角函数的映射关系包括根据二维坐标的横坐标与纵坐标计算反正切值，得到二维坐标与反正切值的映射关系。
[0007]进一步的，所述步骤S03中的归一化处理包括将二维坐标的反正切值均除以2π后加1，并取其位于（0，1）数值区间内的部分，得到（0，1）数值区间内的输出值与二维坐标的映射关系。
[0008]进一步的，所述步骤S04中所述进度条参数为（0，1）区间内的数值，其与二维坐标的输出值求和，若和小于1，则取0，该和映射的坐标区域为非进度条区域；若和大于1，则取1，该和映射的坐标区域为进度条区域。
[0009]进一步的，所述步骤S04之后为二维坐标的映射值添加颜色调整参数，所述颜色调整参数为（0，1）区间内的数值，并限制添加颜色调整参数后的映射值介于（0，1）区间内。
[0010]进一步的，所述步骤S04之后在二维空间内添加蒙板贴图，蒙板贴图的纹理属性设为全透明，非纹理属性设为不透明。
[0011]进一步的，所述蒙板贴图设有多通道，每个通道均设有一种蒙板贴图。
[0012]本专利技术实施例具有如下优点：
本专利技术实施例所述的一种基于虚拟引擎的旋转进度条实现方法通过将二维坐标的三角函数值与百分比参数形成映射关系，进而使二维坐标与百分比参数形成映射关系，实现了在虚幻引擎下生成环形进度条材质，可应用于环形进度条的UI场景，而且可通过变换坐标系，实现8中不同起点与旋转方向的环形进度条，还可设置多个贴图通道，配置不同贴图纹理的环形进度条，满足多种设计的要求。
附图说明
[0013]为了更清楚地说明本专利技术的实施方式或现有技术中的技术方案，下面将对实施方式或现有技术描述中所需要使用的附图作简单地介绍。显而易见地，下面描述中的附图仅仅是示例性的，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图引伸获得其它的实施附图。
[0014]本说明书所绘示的结构、比例、大小等，均仅用以配合说明书所揭示的内容，以供熟悉此技术的人士了解与阅读，并非用以限定本专利技术可实施的限定条件，故不具技术上的实质意义，任何结构的修饰、比例关系的改变或大小的调整，在不影响本专利技术所能产生的功效及所能达成的目的下，均应仍落在本专利技术所揭示的
技术实现思路
得能涵盖的范围内。
[0015]图1为本专利技术实施例提供的一种基于虚拟引擎的旋转进度条实现方法的方法流程图；图2为本专利技术实施例提供的一种基于虚拟引擎的旋转进度条实现方法的二维坐标系图；图3为本专利技术实施例提供的一种基于虚拟引擎的旋转进度条实现方法中变换后的二维坐标系图；图4a为本专利技术实施例提供的一种基于虚拟引擎的旋转进度条实现方法中纵轴镜像变换后的二维坐标系图；图4b为本专利技术实施例提供的一种基于虚拟引擎的旋转进度条实现方法中横轴镜像变换后的二维坐标系图；图5为本专利技术实施例提供的一种基于虚拟引擎的旋转进度条实现方法中二维坐标与反正切值的映射关系；图6为本专利技术实施例提供的一种基于虚拟引擎的旋转进度条实现方法中二维坐标与（0，1）数值区间内输出值的映射关系；图7为本专利技术实施例提供的一种基于虚拟引擎的旋转进度条实现方法中进度条区域与非进度条区域的展示图；图8为本专利技术实施例提供的一种基于虚拟引擎的旋转进度条实现方法中添加蒙板贴图的展示图。
具体实施方式
[0016]以下由特定的具体实施例说明本专利技术的实施方式，熟悉此技术的人士可由本说明书所揭露的内容轻易地了解本专利技术的其他优点及功效，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。
[0017]如图1所示，一种基于虚拟引擎的旋转进度条实现方法，本方法通过二维坐标变换与透明蒙板，完成可外部控制百分比的环形进度条材质，具体包括以下步骤：步骤S01、创建二维空间，本专利技术实施例中创建虚拟引擎中的TextureCoordinate节点（纹理坐标节点），纹理坐标使用表达式以双通道矢量值形式输出 UV 纹理坐标，从而允许材质使用不同的 UV 通道、指定平铺以及以其他方式对网格的 UV 执行操作，如图2所示，其配置的二维坐标系为UV坐标系，原点在左上角，横轴从左到右为0到1分布，纵轴从上到下为0到1分布。二维空间内横轴或纵轴坐标小于1的区域显示黑色，纵轴坐标为0的区域显示红色，随着纵坐标的移动，红色减弱，横轴坐标为0的区域显示绿色，随着横坐标的移动，绿色减弱，横轴与纵轴都不为0的区域显示黄色，由红色与绿色的结合色。
[0018]如图3所示，变换二维空间内的二维坐标，将二维坐标的坐标原点设置在二维空间的中心处。对二维坐标的变换包括缩放处理与平移处理，如原点在左上角，即二维空间的左上角坐标为（0,0），右下角坐标（1,1），添加ConstantBiasScale节点，偏差值设为
‑ꢀ
0.5，比例缩放系数设为2，将二维坐标的两轴取值范围由0到1变换为
‑
1到1，将原点向二维空间中心移动，二维空间的右下角为第一象限，显示红色；左下角为第二象限，显示绿色；左上角为第三象限，显示黑色；右上角为第四象限，显示黄色。原点还可在右上角、左下角或右下角，均可通过上述方法将原点设置在二维空间的中心处。
[0019]可通过镜像变化改变二维坐标的横轴或纵轴分布，从而改变进度条的起点位置及旋转方向，有上下左右四个方位的进度条起点变化及顺时针、本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于虚拟引擎的旋转进度条实现方法，其特征在于，包括以下步骤：步骤S01、创建二维空间，变换二维空间内的二维坐标，将二维坐标的坐标原点设置在二维空间的中心处；步骤S02、建立二维坐标与三角函数的映射关系，并输出三角函数值；步骤S03、将三角函数值除以2π后归一化处理，得到二维坐标与（0，1）数值区间内输出值的映射关系；步骤S04、为二维坐标的全部输出值均与进度条参数求和后向下取整，得到进度条区域与非进度条区域。2.根据权利要求1所述的一种基于虚拟引擎的旋转进度条实现方法，其特征在于：所述步骤S01中对二维坐标的变换包括缩放处理与平移处理。3.根据权利要求1所述的一种基于虚拟引擎的旋转进度条实现方法，其特征在于：所述步骤S02中所述建立二维坐标与三角函数的映射关系包括根据二维坐标的横坐标与纵坐标计算反正切值，得到二维坐标与反正切值的映射关系。4.根据权利要求1所述的一种基于虚拟引擎的旋转进度条实现方法，其特征在于：所述步骤S03中的归一化处理包括将二维坐标的反正切值均除以2π后...

【专利技术属性】
技术研发人员：苏磊，孙华庆，贾宏伟，郭建君，
申请(专利权)人：北京蔚领时代科技有限公司，
类型：发明
国别省市：