CN110025953B - 一种游戏界面显示的方法、装置、存储介质及电子装置 - Google Patents

Abstract

本发明公开了一种游戏界面显示的方法、装置、存储介质及电子装置，本发明通过响应针对操作控件的滑动触控操作，在图形用户界面上移动该操作控件，在操作控件移动过程中，根据操作控件在图形用户界面上的位置，调整该操作控件的偏转角度，操作控件距离图形用户界面中的预设参考点越远，偏转角度越大。即本发明在操作控件在不同位置时偏转不同的角度，模拟了操作控件在曲面操作台上的移动，使用户有在立体形态的操作台上操控的代入感，提升了游戏操作反馈效果及用户体验。

Description

一种游戏界面显示的方法、装置、存储介质及电子装置

技术领域

本发明涉及游戏技术领域，具体而言，涉及一种游戏界面显示的方法、装置、存储介质及电子装置。

背景技术

在目前的3D(3Dimensions，三维)游戏中，玩家一般通过操控操作控件来控制游戏当中的各种操作，如通过虚拟摇杆控制虚拟角色在游戏场景中运动，通过技能控件控制虚拟角色实现各类游戏技能。现有技术中，对这些3D控件或UI(User Interface，用户交互界面)图标的展示都仅仅是进行一定的透视效果或简单的旋转效果处理，游戏场景中模型与模型之间，以及模型与UI层之间都是独立表现的，UI层只是纯静态的装饰，与游戏环境没有直接的关系，由此造成用户操作反馈不足、代入感较差的问题。

以上背景技术内容的公开仅用于辅助理解本发明的发明构思及技术方案，其并不必然属于本专利申请的现有技术，在没有明确的证据表明上述内容在本专利申请的申请日前已经公开的情况下，上述背景技术不应当用于评价本申请的新颖性和创造性。

发明内容

本发明的主要目的在于提供一种游戏界面显示的方法、装置、存储介质及电子装置，以至少解决现有技术中模型与UI层之间都是独立表现的，UI层只是纯静态的装饰，与游戏环境没有直接的关系，由此造成用户操作反馈不足、代入感较差的问题。

为了实现上述目的，本发明第一方面提供了一种游戏界面显示的方法，通过在移动终端的处理器上执行软件应用并在所述移动终端的触控显示器上渲染得到图形用户界面，所述图形用户界面中包含游戏场景和操作控件，所述方法包括：

响应于针对所述操作控件的滑动触控操作，在所述图形用户界面上移动所述操作控件；

在所述操作控件移动过程中，根据所述操作控件在所述图形用户界面上的位置，调整所述操作控件的偏转角度；

所述操作控件距离所述图形用户界面中的预设参考点越远，所述偏转角度越大。

在本发明第一方面的第一种可能的实施方式中，该方法还包括：在所述操作控件移动过程中，根据所述操作控件在所述图形用户界面上的位置，调整所述操作控件的显示尺寸；

所述操作控件距离所述预设参考点越远，所述操作控件的显示尺寸越大。

在本发明第一方面的第二种可能的实施方式中，所述响应于针对所述操作控件的滑动触控操作，在所述图形用户界面上移动所述操作控件，包括：响应于针对所述操作控件的滑动触控操作，在所述图形用户界面上的预设区域内移动所述操作控件。

结合第二种可能的实施方式，在本发明第一方面的第三种可能的实施方式中，所述方法还包括：响应于针对所述操作控件的位置设置指令，调整所述操作控件在所述图形用户界面的初始位置、初始偏转角度、初始显示尺寸及所述预设区域的位置，所述初始位置、初始偏转角度、初始显示尺寸分别为所述操作控件未受到所述滑动触控操作时的位置、偏转角度、显示尺寸。

在本发明第一方面的第四种可能的实施方式中，所述预设参考点为所述图形用户界面的中心点。

在本发明第一方面的第五种可能的实施方式中，所述操作控件距离所述图形用户界面的预设参考点越远，所述偏转角度越大，包括以下至少之一：

所述操作控件距离X轴越远，所述操作控件相对于X轴的偏转角度越大，其中，所述X轴为经过所述参考点的水平线；

所述操作控件距离Y轴越远，所述操作控件相对于Y轴的偏转角度越大，其中，所述Y轴经过所述参考点且垂直于水平线。

在本发明第一方面的第六种可能的实施方式中，所述方法还包括：

确定经过所述操作控件和所述预设参考点的直线与X轴或Y轴之间的夹角；

根据所述夹角调整所述操作控件相对于Z轴的偏转角度；

其中，所述X轴为经过所述预设参考点的水平线，所述Y轴经过所述预设参考点且垂直于水平线，所述Z轴垂直于所述触控显示器。

结合本发明第一方面的第一种可能的实施方式，在本发明第一方面的第七种可能的实施方式中，所述根据所述操作控件在所述图形用户界面上的位置调整所述操作控件的显示尺寸，包括：根据所述操作控件在所述图形用户界面上的位置，调整所述操作控件与游戏的虚拟摄像机之间的距离。

结合第一方面的第七种可能的实施方式，在本发明第一方面的第八种可能的实施方式中，所述操作控件距离所述预设参考点越远，所述操作控件的显示尺寸越大，包括：所述操作控件距离所述预设参考点越远，所述操作控件距离所述游戏的虚拟摄像机越近。

结合本发明第一方面的第一种可能的实施方式，在本发明第一方面的第九种可能的实施方式中，所述根据所述操作控件在所述图形用户界面上的位置调整所述操作控件的显示尺寸，包括：根据所述操作控件在所述图形用户界面上的位置，调整所述操作控件的缩放比例。

结合第一方面的第九种可能的实施方式，在本发明第一方面的第十种可能的实施方式中，所述操作控件距离所述预设参考点越远，所述操作控件的显示尺寸越大，包括：所述操作控件距离所述预设参考点越远，所述操作控件的放大比例越大。

第二方面，本发明实施例还提供一种游戏界面显示的装置，通过在所述装置所在的移动终端的处理器上执行软件应用并在所述移动终端的触控显示器上渲染得到图形用户界面，所述图形用户界面中包含游戏场景和操作控件，所述装置包括：

移动模块，用于响应于针对所述操作控件的滑动触控操作，在所述图形用户界面上移动所述操作控件；

调整模块，用于在所述操作控件移动过程中，根据所述操作控件在所述图形用户界面上的位置，调整所述操作控件的偏转角度；

其中，所述操作控件距离所述图形用户界面中的预设参考点越远，所述偏转角度越大。

在第二方面的第一种可能的实施方式中，所述调整模块还用于，在所述操作控件移动过程中，根据所述操作控件在所述图形用户界面上的位置，调整所述操作控件的显示尺寸，其中，所述操作控件距离所述预设参考点越远，所述操作控件的显示尺寸越大。

第三方面，本发明实施例还提供一种存储介质，所述存储介质中存储有计算机程序，其中，所述计算机程序被设置为运行时执行上述任一项中所述的方法。

第四方面，本发明实施例还提供一种电子装置，包括存储器和处理器，所述存储器中存储有计算机程序，所述处理器被设置为运行所述计算机程序以执行上述任一项中所述的方法。

本发明通过响应针对操作控件的滑动触控操作，在图形用户界面上移动该操作控件，在操作控件移动过程中，根据操作控件在图形用户界面上的位置，调整该操作控件的偏转角度，操作控件距离图形用户界面中的预设参考点越远，偏转角度越大。即本发明在操作控件在不同位置时偏转不同的角度，模拟了操作控件在曲面操作台上的移动，使用户有在立体形态的操作台上操控的代入感，提升了游戏操作反馈效果及用户体验。

附图说明

构成本申请的一部分的附图用来提供对本发明的进一步理解，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1是本发明实施例提供的一种游戏界面显示的方法流程示意图；

图2是本发明实施例提供的一种游戏界面显示的方法应用示意图；

图3-1是本发明实施例提供的另一种游戏界面显示的方法应用示意图；

图3-2是本发明实施例提供的另一种游戏界面显示的方法应用示意图；

图4是本发明实施例构建的空间直角坐标系的示意图；

图5是本发明实施例构建的平面直角坐标系的示意图；

图6本发明实施例提供的实现一种游戏界面显示的方法的移动终端的硬件结构框图；

图7是本发明实施例提供的一种游戏界面显示的装置的结构示意图。

具体实施方式

需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本发明。

为了使本技术领域的人员更好地理解本申请方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分的实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本申请保护的范围。

需要说明的是，本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

参见图1所示。本发明实施例提供一种游戏界面显示的方法，该方法通过在移动终端的处理器上执行软件应用并在该移动终端的触控显示器上渲染得到图形用户界面，该图形用户界面中包含游戏场景和操作控件，该方法包括：响应于针对该操作控件的滑动操作，在该图形用户界面上移动该操作控件；在操作控件移动过程中，根据操作控件在图形用户界面上的位置，调整该操作控件的偏转角度及显示尺寸；操作控件距离图形用户界面中的预设参考点越远时，偏转角度越大，操作控件距离该预设参考点越远时，该操作控件的显示尺寸越大。该方法具体包括：

S102、响应于针对操作控件的滑动触控操作，在图形用户界面上移动该操作控件；

在游戏的图形用户界面中，一般都会带有很多控件，这些控件有些是纯静态的装饰，有些是带有逻辑功能的操作，在本发明实施例中，所述操作控件即为带有逻辑功能的控件，该操作控件可以响应用户的触控操作，如滑动触控操作。当用户点击该操作控件时，该操作控件由静态变为选中状态，当用户手指触摸该操作控件并开始在图形用户界面上滑动，且始终保持与触摸屏的接触时，该选中的操作控件跟随用户手指在图形用户界面上移动。

该操作控件可以是虚拟摇杆，用于控制游戏当中目标模型的移动，如游戏角色在游戏场景中的移动，或者游戏角色进入汽车、飞机、机器人、船等载具中，通过虚拟摇杆控制载具的移动，间接控制游戏角色的移动。

该操作控件也可以是技能控件，用于游戏角色技能的使用，如射击技能、跳跃技能、格挡技能等。这些技能的使用通常与方向有关，因此也可以根据滑动触控操作，在图形用户界面上移动，以便更准确、高效地发挥技能的功效。

S104、在该操作控件移动的过程中，根据该操作控件在图形用户界面上的位置，调整该操作控件的偏转角度，其中，操作控件距离图形用户界面中的预设参考点越远，操作控件的偏转角度就越大。实践中，操作控件一般具有一个操作台，一个操作台上可以包含多种操作控件，玩家控制的游戏角色可以操控该操作台上的操作控件。现有技术中，对操作控件的展现一般都是脱离操作台的，两者之间并未有任何的逻辑关系，因而容易造成用户游戏代入感较差的问题。本发明实施例在滑动触控操作控制操作控件在图形用户界面上移动时，根据移动的位置，实时调整操作控件的偏转角度，以此来模拟操作控件在曲面形态的操作台上的移动。

当操作控件在曲面操作台上移动时，操作控件到达曲面操作台的不同位置时，由于曲率的变化，操作控件会有一定的偏转，并且用户看到的操作控件大小也会不同，为了模拟操作控件在真实的曲面操作台上的移动，本发明实施例，根据操作控件到达的位置，实时调整操作控件的偏转角度，从而使玩家有在真实曲面操作台上操控的感觉。需要说明的是，这里所说的调整操作控件的偏转角度包括控制操作控件在三维空间中进行旋转，还包括系统预先设置对应操作控件不同旋转角度的图片，并建立操作控件各种旋转角度的图片与操作控件在图形用户界面上的不同位置之间的对应关系，操作控件在移动过程中，检测操作控件在图形用户界面上的位置，并将操作控件的图片替换为与当前位置相对应的图片，从而达到操作控件在曲面操作台上的不同位置有不同偏转角度的视觉效果。进一步的，本发明实施例还可以包括：在操作控件移动过程中，根据操作控件在图形用户界面上的位置，调整该操作控件的显示尺寸；操作控件距离预设参考点越远，操作控件的显示尺寸越大。

在本发明实施例中，操作控件可以为3D(3Dimensions，三维)控件，也可以为2D(2Dimensions，二维)控件。当操作控件为2D控件时，可以调整操作控件在平面(触控显示器)上的旋转角度/偏转角度，并进一步的调整操作控件的显示尺寸，以表现操作控件的透视效果；或者也可以仅将显示的操作控件图片替换为与当前位置相对应的操作控件图片(即调整为不同角度的图片)。当操作控件为3D控件时，可以调整操作控件在三维空间上的偏转角度，如控制操作控件绕X轴旋转，和/或绕Y轴旋转，和/或绕Z轴旋转，并且为了避免透视效果过于夸张或不够明显，可以进一步的调整操作控件在各个方向上的显示尺寸。

在本发明实施例中，以图形用户界面中一点作为预设参考点，该预设参考点用于模拟曲面操作台的最凸点，游戏角色位于曲面操作台凹陷的一面，当操作控件距离该预设参考点越远(操作控件距离曲面的最凸点越远)，即操作控件距离曲面操作台的边缘越近时，操作控件距离游戏角色也越近，因此，提高操作控件的偏转角度，并增大操作控件的显示尺寸，真实模拟了物体离人越近时，显示尺寸越大，提高了游戏玩家的沉浸感。

需要说明的是，在本发明实施例中，可以将预设参考点所在的位置作为操作控件的初始位置，也可以将图形用户界面中任一位置作为操作控件的初始位置，如图形用户界面的左下角或右下角，这里所述的偏转角度可以指操作控件相对于预设参考点(最凸点)所偏转的角度。操作控件在预设参考点的偏转角度可以为零，即操作控件位于最凸点时是平行于触控显示屏(图形用户界面)的，当操作控件从预设参考点的位置开始向外移动时，离预设参考点越远，偏转的角度就越大，同时显示的尺寸也越大。

由上可见，本发明实施例通过响应针对操作控件的滑动触控操作，在图形用户界面上移动该操作控件，在操作控件移动过程中，根据操作控件在图形用户界面上的位置，调整该操作控件的偏转角度，操作控件距离图形用户界面中的预设参考点越远，偏转角度越大。即本发明在操作控件在不同位置时偏转不同的角度，模拟了操作控件在曲面操作台上的移动，使用户有在立体形态的操作台上操控的代入感，提升了游戏操作反馈效果及用户体验。

在本发明另一可选的实施方式中，响应于针对操作控件的滑动触控操作，在图形用户界面上移动操作控件，包括：

响应于针对操作控件的滑动触控操作，在图形用户界面上的预设区域内移动该操作控件。

在本发明实施例中，可以将操作控件的移动限定在预设区域，该预设区域为曲面操作台中的一部分，滑动触控操作可以没有移动范围的限制，即此情形中，用户可以在整个图形用户界面中移动，但是滑动触控操作控制的操作控件只限于在预设区域内移动，这样在保障操作灵活的同时，更方便用户集中观察操作控件，当然，本发明中的操作控件也可以在整个图形用户界面中移动。

参见图2所示，图形用户界面200中包含机器人载具201和驾驶舱控件202，驾驶舱控件202用于模拟从机器人载具201的驾驶舱往外观察游戏场景的视角，在图2中，驾驶舱控件202为曲面型驾驶舱窗口的形状。同时该驾驶舱控件202也可以作为操作台，操作控件204位于驾驶舱控件202上，通过用户的触控操作可以拖动操作控件204在驾驶舱控件202上移动，进一步的，操作控件204可以在驾驶舱控件的预设区域203中移动，该预设区域203可以为半透明的圆形，也可以对用户不可见。用户拖动操作控件204在预设区域203中移动，操作控件204在预设区域203上移动的过程中，其偏转角度和显示大小均发生改变，以模拟操作控件在曲面操作台(驾驶舱控件)上移动时的表现形态，从而提升了游戏操作反馈体验。

参见图3-1和图3-2所示，在图3-1中，图形用户界面300中包含虚拟角色机器人301，操作控件302，操作控件302可以用于控制机器人移动，或者控制机器人射击，在本发明实施例中，操作控件302用于控制机器人301在游戏场景中移动；进一步的，操作控件302可以在图形用户界面300的预设区域303中移动，当前操作控件302处于图3-1中的位置一，并且相对于图形用户界面300的中心点来说，偏转角度为A度(设操作控件302在中心点时与图形用户界面平行，偏转角度为零度)，当接收到触控操作，从图3-1中的位置一移动到位置图3-2中的位置二时，操作控件302进行一定的偏转，此时操作控件302相对于中心点的偏转角度为B度，其中，B度大于A度，并且操作控件302进行一定的放大。由此，模拟了用户在曲面型操作平台上对操作控件的控制操纵，提升了用户的操作反馈感。

在本发明另一可选的实施方式中，本发明实施例所提供的游戏界面显示的方法进一步包括：

响应于针对操作控件的位置设置指令，调整操作控件在图形用户界面的初始位置、初始偏转角度、初始显示尺寸及上述预设区域的位置，该初始位置、初始偏转角度、初始显示尺寸分别为该操作控件未受到滑动触控操作时的位置、偏转角度、显示尺寸。

在本发明实施例中，用户可以自定义操作控件的初始状态及预设区域的位置，初始状态包括初始位置、初始偏转角度、初始显示尺寸，当然操作控件的初始状态可以不限于上述几种，还可以包括操作控件的透明度等。需要说明的是，在本发明实施例中所说的偏转角度，可以指相对操作控件平行于图形用户界面的位置所偏转的角度。

在用户通过位置设置指令设置初始位置、初始偏转角度、初始显示尺寸时，若检测到针对操作控件的滑动触控操作，则在图形用户界面上移动操作控件，且检测操作控件新到达的位置，并根据该新到达的位置计算操作控件在新到达的位置偏转的角度，以及根据新到达的位置计算操作控件在新到达的位置显示的尺寸。这里所说的位置设置指令可以为用户在设置菜单中的操作生成的指令，用户通过点击图形用户界面中的设置按钮，进入设置菜单，进入设置菜单中位置设置的交互界面，用户可以选择操作控件距离图形用户界面上边沿或下边沿的距离，以及距离图形用户界面左边沿或右边沿的距离，当用户设置完操作控件的初始位置后，在位置设置的交互界面中可以自动显示该位置对应的偏转角度及显示尺寸。或者，用户通过从图形用户界面中的工具栏中拖动操作控件至图形用户界面的任意位置或预设区域中的任意位置，用户拖动完成后，操作控件所在的位置即为初始位置，从而确定初始偏转角度和初始显示尺寸。

优选的，在本发明实施例中，预设参考点为图形用户界面的中心点。如图2所示，也为驾驶舱控件202的中心点。由此可知，操作控件越靠近显示屏的边缘时，操作控件的偏转角度就越大，操作控件离显示屏的中心越近，操作控件的偏转角度越小，优选的，当操作控件位于中心点时，操作控件的偏转角度为零，即操作控件与显示屏平行。

下面结合一优选的实施方式对本发明的技术方案进一步进行说明。

在本发明实施例中，操作控件距离图形用户界面的预设参考点越远，操作控件的偏转角度越大，包括以下至少之一：

操作控件距离X轴越远，该操作控件相对于X轴的偏转角度越大，其中，该X轴为经过该预设参考点的水平线；

操作控件距离Y轴越远，该操作控件相对于Y轴的偏转角度越大，其中，该Y轴经过该预设参考点且垂直于水平线。

进一步的，操作控件距离图形用户界面的预设参考点越远，操作控件的偏转角度越大，还可以包括以下至少之一：

操作控件距离Y轴越远，该操作控件相对于X轴的偏转角度越大；

操作控件距离X轴越远，该操作控件相对于Y轴的偏转角度越大，其中，该X轴为经过该预设参考点的水平线，该Y轴经过该预设参考点且垂直于水平线。

具体的，在本发明实施例中建立如图4所示的空间直角坐标系，该空间直角坐标系的X轴、Y轴和Z轴均经过预设参考点，X轴和Y轴构成的平面与图形用户界面平行，Z轴垂直于X轴和Y轴构成的平面，该空间直角坐标系的原点为预设参考点，也即显示屏的中心点。操作控件可以为2D控件，操作控件在该空间直角坐标系中的位移可分为X轴和Y轴两个方向的位移。当发生操作控件在X轴上的位移时，则确定操作控件围绕空间直角坐标系的Y轴旋转，判断操作控件的移动是靠近该空间直角坐标系的原点还是远离该空间直角坐标系的原点，若操作控件的移动是远离该空间直角坐标系的原点，如从原点开始向显示屏的左端或右端移动，则将操作控件相对于Y轴的偏转角度调大；当发生操作控件在Y轴上的位移时，则确定操作控件围绕空间直角坐标系的X轴旋转，判断操作控件的移动是靠近该空间直角坐标系的原点还是远离该空间直角坐标系的原点，若操作控件的移动是远离该空间直角坐标系的原点，如从原点开始向显示屏的上端或下端移动，则将操作控件相对于X轴的偏转角度调大。具体实现中，操作控件围绕X轴、Y轴和Z轴的旋转角度可以通过如下公式获得：

Rot_{X,Y,Z}＝a(x-x₀)^tb(y-y₀)^p+c，

在上述公式中，Rot_{X,Y,Z}分别表示操作控件绕X轴、Y轴和Z轴旋转的旋转角度，x和y分别为操作控件在x轴和y轴上的坐标值，a、b、x₀、y₀、c、t和p为常量。

通过上述公式中的参数可以模拟操作控件摆放于曲面的不同位置上时的旋转效果。进一步的，为了表现操作控件显示时更强或更弱的透视感，可以对操作控件进行一定的缩放，以获得强化或弱化的透视感。根据透视原理，越远离摄像机的顶点投影后越小，在某些情况下，为了提高顶点(操作控件)的展示效果，如为了防止操作控件在曲面操作台边缘过度旋转或者操作控件在曲面操作台的中心区域旋转不足，我们需要弱化或强化这种透视感。我们可以通过放大或缩小的方式来调整透视感，使得远离摄像机的顶点投影后得到的视图适当变大，从而提高用户视觉舒适度。具体实现中，操作控件在X轴、Y轴和Z轴三个方向的缩放可以通过如下公式获得：

Scale_{X,Y,Z}＝a(x-x₀)^tb(y-y₀)^p+c，

在上述公式中，Scale_{X,Y,Z}分别表示操作控件在X轴、Y轴和Z轴三个方向的缩放值，x和y分别为操作控件在X轴和Y轴上的坐标值，a、b、x₀、y₀、c、t和p为常量。通过操作控件缩放值的调整及偏转角度的调整共同模拟了操作控件在曲面操纵平台上移动时的展现效果。

进一步的，受透视投影方式的影响，为了防止曲面边缘的节点过度旋转而靠近中心的节点旋转不足，在本发明实施例中，调整操作控件的偏转角度和显示尺寸，包括：在预设角度范围内，调整操作控件的偏转角度，以及，在预设缩放比例范围内，调整操作控件的显示尺寸。即偏转角度和显示尺寸有最大和最小值的限制。

进一步的，本发明游戏界面显示的方法还包括：

确定经过该操作控件和该预设参考点的直线与X轴或Y轴之间的夹角；

根据该夹角调整操作控件相对于Z轴的偏转角度。

这里所说的直线与X轴或Y轴之间的夹角可以根据操作控件在自身直角坐标系的象限来确定。参考图5所示，当操作控件位于平面直角坐标系的第一象限时，这里所说的夹角可以指经过该操作控件和平面直角坐标系的直线与X轴正方向之间的夹角，或者指经过该操作控件和平面直角坐标系的直线与Y轴正方向之间的夹角，且当该夹角为0时，即操作控件位于X轴或Y轴上时，操作控件绕Z轴的偏转角度为0,在本发明实施例中所说的偏转角度是指绝对值，与方向没有关系。实际上，当操作控件位于X轴正方向和操作控件位于Y轴正方向时，其绕Z轴的偏转角度均为0，但实际操作控件从X轴正方向到Y轴正方向的过程中，其已经绕Z轴转动了90度。操作控件在第二象限、第三象限和第四象限绕Z轴的偏转与第一象限类似，在此不再赘述。

需要说明的是，由于操作控件的形状不同，其偏转效果、显示尺寸的变化也会不同，因此根据操作控件的形状不同，可以配置不同的参数计算操作控件的偏转角度及缩放值，如可以为圆形的操作控件配置一套计算偏转角度和缩放比例的参数，为方形的操作控件另外配置一套计算偏转角度和缩放比例的参数。

一种可能的配置如下：

操作控件绕X轴的旋转角度Rot_X为随y值线性变化，操作控件从最下端的-45.4度(记为min_val)到最上端的45.4度(记为max_val)，因此操作控件绕X轴的旋转角度的计算公式为：Rot_X＝y*(max_val-min_val)+min_val。当然，绕X轴的旋转角度Rot_X也可以不随y值线性变化，只需要满足操作控件离参考点越近时，偏转角度越小，操作控件离参考点越远时，偏转角度越大即可。

操作控件绕Y轴的旋转角度Rot_Y为根据操作控件的位置Pos_Y离预设参考点的位置Center_Pos_Y的距离线性变化，其中，Pos_Y为操作控件在Y轴上的坐标值，Center_Pos_Y为预设参考点的Y轴坐标值，操作控件从中心的0度(记为min_val)到边缘的-87度(记为max_val)，其计算公式如下：

y_val＝sign(Pos_Y-Center_Pos_Y)*sqrt(abs(Pos_Y-Center_Pos_Y))，

Rot_Y＝y_val*(max_val-min_val)+min_val，

其中，sign为取符号运算符，sqrt为开放运算符，y_val为中间变量。

操作控件绕Z轴的旋转角度Rot_Z则是根据Pos_X和Pos_Y偏离平面中心的位置而变化，Pos_X为操作控件在X轴上的坐标值，Pos_Y为操作控件在Y轴上的坐标值。在Y＝Pos_Y和X＝Pos_X这两条线上Rot_Z均为0，因此其计算公式如下：

mid_val＝(Pos_Y-Center_Pos_Y)*(Pos_X-Center_Pos_X),

Rot_Z＝mid_val*(max_val-min_val)+min_val。

其中，mid_val为中间变量。

由上可见，本发明实施例根据操作控件在图形用户界面上的位置，调整该操作控件的偏转角度，操作控件距离图形用户界面中的预设参考点越远，操作控件偏转的角度越大。即本发明在操作控件在不同位置时偏转不同的角度，模拟了操作控件在曲面操作台上的移动，使得用户操控这些控件时，有真实的3D操控手感，提升了游戏操作反馈效果及用户体验。

在本发明另一优选的可行实施方式中，根据操作控件在图形用户界面上的位置调整操作控件的显示尺寸，包括：

根据操作控件在图形用户界面上的位置，调整操作控件与游戏的虚拟摄像机之间的距离。

操作控件距离预设参考点越远，操作控件的显示尺寸越大，包括：

操作控件距离预设参考点越远，操作控件距离游戏的虚拟摄像机越近。

目标对象(操作控件)离虚拟摄像机越近时，投影后显示的图像越大，目标对象离虚拟摄像机越远时，投影后显示的图像越小，因此，可以通过调整操作控件与游戏的虚拟摄像机之间的距离达到调整操作控件的显示尺寸的目的。当操作控件距离预设参考点越远时，可以调整操作控件距离虚拟摄像机越近，从而操作控件的显示尺寸越大。在操作控件为3D控件时，通过直接调整操作控件的Z轴坐标值即可实现近大远小的效果，这样的调整方式方便简单，系统开销小。

在本发明另一优选的可行实施方式中，根据操作控件在图形用户界面上的位置调整操作控件的显示尺寸，包括：

根据操作控件在图形用户界面上的位置，调整操作控件的缩放比例。

操作控件距离预设参考点越远，操作控件的显示尺寸越大，包括：

操作控件距离预设参考点越远，操作控件的放大比例越大。

当操作控件为2D控件时，可以通过调整操作控件放大或缩小来实现近大远小的效果，即，操作控件离预设参考点越近(离用户视线越远)时，缩小操作控件，从而实现“远小”的效果，当操作控件离预设参考点越远(离用户视线越近)时，放大操作控件，从而实现“近大”的效果。操作控件距离预设参考点越远，放大的比例越大，操作控件距离预设参考点越近，缩小的比例越大。需要说明的是，通过调整操作控件的缩放比例的方式实现近大远小效果，同样适用于3D操作控件。

本申请实施例所提供的方法实施例可以在手机、平板电脑或者类似的触屏控制装置中执行。以运行在移动终端上为例。图6是本发明实施例实现一种游戏界面显示的方法的移动终端的硬件结构框图。如图6所示，移动终端可以包括一个或多个(图6中仅示出一个)处理器602(处理器602可以包括但不限于微处理器MCU或可编程逻辑器件FPGA等的处理装置)和用于存储数据的存储器604，可选地，上述移动终端还可以包括用于通信功能的传输设备606以及输入输出设备608。本领域普通技术人员可以理解，图6所示的结构仅为示意，其并不对上述移动终端的结构造成限定。例如，移动终端还可包括比图6中所示更多或者更少的组件，或者具有与图6所示不同的配置。

存储器604可用于存储计算机程序，例如，应用软件的软件程序以及模块，如本发明实施例中的一游戏中虚拟镜头控制的方法对应的计算机程序，处理器602通过运行存储在存储器604内的计算机程序，从而执行各种功能应用以及数据处理，即实现上述的方法。存储器604可包括高速随机存储器，还可包括非易失性存储器，如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中，存储器604可进一步包括相对于处理器602远程设置的存储器，这些远程存储器可以通过网络连接至移动终端。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

传输设备606用于经由一个网络接收或者发送数据。上述的网络具体实例可包括移动终端的通信供应商提供的无线网络。在一个实例中，传输设备606包括一个网络适配器(Network Interface Controller，简称为NIC)，其可通过基站与其他网络设备相连从而可与互联网进行通讯。在一个实例中，传输设备606可以为射频(Radio Frequency，简称为RF)模块，其用于通过无线方式与互联网进行通讯。

本发明实施例还提供一种游戏界面显示的装置，需要说明的是，该实施例的游戏界面显示的装置可以用于执行本发明游戏界面显示的方法。

图7是根据本发明实施例提供的一种游戏界面显示的装置的示意图，该装置所在的移动终端的处理器上执行软件应用并在移动终端的触控显示器上渲染得到图形用户界面，该图形用户界面中包含游戏场景和操作控件，如图7所示，该装置包括：

移动模块702，用于响应于针对操作控件的滑动触控操作，在图形用户界面上移动该操作控件；

调整模块704，用于在操作控件移动过程中，根据操作控件在图形用户界面上的位置，调整操作控件的偏转角度；

其中，操作控件距离图形用户界面中的预设参考点越远，操作控件的偏转角度越大。

进一步的，调整模块704，还用于在操作控件移动过程中，根据操作控件在图形用户界面上的位置，调整操作控件的显示尺寸，其中，操作控件距离预设参考点越远，操作控件的显示尺寸越大。

具体的，移动模块702可以响应于针对操作控件的滑动触控操作，在图形用户界面上的预设区域内移动操作控件。

当操作控件距离图形用户界面中的预设参考点越远，调整模块704可以将操作控件相对于X轴的偏转角度调大，以及将操作控件相对于Y轴的偏转角度调大，其中，这里所述的X轴是指经过预设参考点的水平线，Y轴为经过预设参考点且垂直水平线的数轴。

并且，调整模块704还用于确定经过操作控件和预设参考点的直线与X轴或Y轴之间的夹角，根据该夹角调整操作控件相对于Z轴的偏转角度。其中，该X轴、Y轴和Z轴均经过预设参考点，X轴和Y轴构成的平面平行于触控显示器，该Z轴垂直于X轴和Y轴构成的平面。

调整模块704具体还用于根据操作控件在图形用户界面上的位置，调整操作控件与游戏的虚拟摄像机之间的距离，或者调整操作控件的缩放比例，从而实现调整操作控件的显示尺寸的目的，达到近大远小的效果。当操作控件距离预设参考点越远时，调整模块704将操作控件与游戏的虚拟摄像机之间的距离调小，或者，将操作控件放大比例调高。

本发明实施例提供的游戏界面显示的装置还可以包括设置模块，设置模块用于响应于针对操作控件的位置设置指令，调整操作控件在图形用户界面的初始位置、初始偏转角度、初始显示尺寸及预设区域的位置，上述初始位置、初始偏转角度、初始显示尺寸分别为操作控件未受到滑动触控操作时的位置、偏转角度、显示尺寸。

由上可见，本发明移动模块通过响应针对操作控件的滑动触控操作，在图形用户界面上移动该操作控件，在操作控件移动过程中，调整模块根据操作控件在图形用户界面上的位置，调整该操作控件的偏转角度和显示尺寸，操作控件距离图形用户界面中的预设参考点越远，偏转角度越大，且操作控件的显示尺寸越大。即本发明在操作控件在不同位置时偏转不同的角度及显示不同的尺寸，模拟了操作控件在曲面操作台上的移动，使用户有在立体形态的操作台上操控的代入感，提升了游戏操作反馈效果及用户体验。

本发明的实施例还提供了一种存储介质，该存储介质中存储有计算机程序，其中，该计算机程序被设置为运行时执行上述任一项方法实施例中的步骤。

可选地，在本实施例中，上述存储介质可以包括但不限于：U盘、只读存储器(Read-Only Memory，简称为ROM)、随机存取存储器(Random Access Memory，简称为RAM)、移动硬盘、磁碟或者光盘等各种可以存储计算机程序的介质。

本发明的实施例还提供了一种电子装置，包括存储器和处理器，该存储器中存储有计算机程序，该处理器被设置为运行计算机程序以执行上述任一项方法实施例中的步骤。

可选地，上述电子装置还可以包括传输设备以及输入输出设备，其中，该传输设备和上述处理器连接，该输入输出设备和上述处理器连接。

显然，本领域的技术人员应该明白，上述的本发明的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，并且在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明不限制于任何特定的硬件和软件结合。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (14)

1.一种游戏界面显示的方法，其特征在于，通过在移动终端的处理器上执行软件应用并在所述移动终端的触控显示器上渲染得到图形用户界面，所述图形用户界面中包含游戏场景和操作控件，所述方法包括：

响应于针对所述操作控件的滑动触控操作，在所述图形用户界面上移动所述操作控件；

在所述操作控件移动过程中，根据所述操作控件在所述图形用户界面上的位置，调整所述操作控件的偏转角度；

所述操作控件距离所述图形用户界面中的预设参考点越远，所述偏转角度越大；

所述操作控件距离所述图形用户界面中的预设参考点越远，所述偏转角度越大，包括：

所述操作控件距离X轴越远，所述操作控件相对于X轴的偏转角度越大；

所述操作控件距离Y轴越远，所述操作控件相对于Y轴的偏转角度越大；

其中，所述操作控件偏转对应的空间直角坐标系包含X轴、Y轴和Z轴，所述X轴为经过所述预设参考点的水平线，所述Y轴经过所述预设参考点且垂直于水平线，所述X轴和所述Y轴构成的平面与所述图形用户界面平行，所述Z轴经过所述预设参考点且垂直于所述X轴和所述Y轴构成的平面。

2.根据权利要求1所述的方法，其特征在于，所述方法还包括：

在所述操作控件移动过程中，根据所述操作控件在所述图形用户界面上的位置，调整所述操作控件的显示尺寸；

所述操作控件距离所述预设参考点越远，所述操作控件的显示尺寸越大。

3.根据权利要求1所述的方法，其特征在于，所述响应于针对所述操作控件的滑动触控操作，在所述图形用户界面上移动所述操作控件，包括：

响应于针对所述操作控件的滑动触控操作，在所述图形用户界面上的预设区域内移动所述操作控件。

4.根据权利要求3所述的方法，其特征在于，所述方法还包括：

响应于针对所述操作控件的位置设置指令，调整所述操作控件在所述图形用户界面的初始位置、初始偏转角度、初始显示尺寸及所述预设区域的位置，所述初始位置、初始偏转角度、初始显示尺寸分别为所述操作控件未受到所述滑动触控操作时的位置、偏转角度、显示尺寸。

5.根据权利要求1所述的方法，其特征在于，所述预设参考点为所述图形用户界面的中心点。

6.根据权利要求1所述的方法，其特征在于，所述方法还包括：

确定经过所述操作控件和所述预设参考点的直线与X轴或Y轴之间的夹角；

根据所述夹角调整所述操作控件相对于Z轴的偏转角度；

其中，所述X轴为经过所述预设参考点的水平线，所述Y轴经过所述预设参考点且垂直于水平线，所述Z轴垂直于所述触控显示器。

7.根据权利要求2所述的方法，其特征在于，所述根据所述操作控件在所述图形用户界面上的位置调整所述操作控件的显示尺寸，包括：

根据所述操作控件在所述图形用户界面上的位置，调整所述操作控件与游戏的虚拟摄像机之间的距离。

8.根据权利要求7所述的方法，其特征在于，所述操作控件距离所述预设参考点越远，所述操作控件的显示尺寸越大，包括：

所述操作控件距离所述预设参考点越远，所述操作控件距离所述游戏的虚拟摄像机越近。

9.根据权利要求2所述的方法，其特征在于，所述根据所述操作控件在所述图形用户界面上的位置调整所述操作控件的显示尺寸，包括：

根据所述操作控件在所述图形用户界面上的位置，调整所述操作控件的缩放比例。

10.根据权利要求9所述的方法，其特征在于，所述操作控件距离所述预设参考点越远，所述操作控件的显示尺寸越大，包括：

所述操作控件距离所述预设参考点越远，所述操作控件的放大比例越大。

11.一种游戏界面显示的装置，其特征在于，通过在所述装置所在的移动终端的处理器上执行软件应用并在所述移动终端的触控显示器上渲染得到图形用户界面，所述图形用户界面中包含游戏场景和操作控件，所述装置包括：

移动模块，用于响应于针对所述操作控件的滑动触控操作，在所述图形用户界面上移动所述操作控件；

调整模块，用于在所述操作控件移动过程中，根据所述操作控件在所述图形用户界面上的位置，调整所述操作控件的偏转角度；

其中，所述操作控件距离所述图形用户界面中的预设参考点越远，所述偏转角度越大；

所述操作控件距离所述图形用户界面中的预设参考点越远，所述偏转角度越大，包括：

所述操作控件距离X轴越远，所述操作控件相对于X轴的偏转角度越大；

所述操作控件距离Y轴越远，所述操作控件相对于Y轴的偏转角度越大；

其中，所述操作控件偏转对应的空间直角坐标系包含X轴、Y轴和Z轴，所述X轴为经过所述预设参考点的水平线，所述Y轴经过所述预设参考点且垂直于水平线，所述X轴和所述Y轴构成的平面与所述图形用户界面平行，所述Z轴经过所述预设参考点且垂直于所述X轴和所述Y轴构成的平面。

12.根据权利要求11所述的装置，其特征在于，所述调整模块还用于，在所述操作控件移动过程中，根据所述操作控件在所述图形用户界面上的位置，调整所述操作控件的显示尺寸，其中，所述操作控件距离所述预设参考点越远，所述操作控件的显示尺寸越大。

13.一种存储介质，其特征在于，所述存储介质中存储有计算机程序，其中，所述计算机程序被设置为运行时执行所述权利要求1至10任一项中所述的方法。

14.一种电子装置，包括存储器和处理器，其特征在于，所述存储器中存储有计算机程序，所述处理器被设置为运行所述计算机程序以执行所述权利要求1至10任一项中所述的方法。

Images