信息显示方法及装置、存储介质、处理器、终端制造方法及图纸

本发明专利技术公开了一种信息显示方法及装置、存储介质、处理器、终端。其中，该方法包括：在图形用户界面的预设交互区域内模拟凝结并显示一特定雾状体，检测预设交互区域内的第一触摸操作，获取第一触摸操作的第一位置信息；根据第一位置信息创建第一模板；获取特定雾状体的图片底板，根据第一模板对特定雾状体的图片底板进行裁剪；在预设交互区域内显示裁剪后的图片底板的剩余像素。本发明专利技术解决了相关技术中用户界面的可交互性不高的技术问题。

【技术实现步骤摘要】
信息显示方法及装置、存储介质、处理器、终端
本专利技术涉及游戏领域，具体而言，涉及一种信息显示方法及装置、存储介质、处理器、终端。
技术介绍
在终端(比如手机)游戏中，用户界面(UserInterface，简称UI)是用户游戏过程中最常接触的部分，也是用户对于游戏最直观的感受，因此UI的表现很大程度上决定了用户对于游戏的第一印象。现有主流终端游戏的UI界面主要以简单的操作控件，文字图片显示和序列帧动画为主。这类UI的特点是简洁大方，能够提供基础的交互和显示功能，但存在着可交互性一般，显示方式比较单一的缺点，不足以给用户留下较深的印象。相关技术总存在一些实现动画效果的方案，包括：一、序列帧动画的方案：大部分游戏的UI界面都是采用序列帧动画来提示视觉效果。序列帧动画技术在实现上是一种较为简单的解决方案，只需要针对用户不同的操作播放不同的动画即可。但如果需要丰富的交互效果就必须有非常大量的动画，且动画的表现形式都是事先在cocos工程项目中固定的。这种方式存在以下技术缺陷：无法实现一些特殊的效果表现，例如水雾凝结和擦除、手指按压雾气印记、动态流水效果等；为了针对不同操作方式和不同按钮的表现效果，需要大量的UI资源支持；大范围的序列帧动画会增大内存的消耗，且这种消耗无法通过脚本避免，也不能较好地进行性能适配。二、使用draw接口绘制轨迹：通过opengl-es自动的draw()接口或者cocos2dx提供的DrawPrimitives()接口可以在U层绘制出轨迹，也就能大致模拟画图和擦除痕迹的效果。不过这类方法对规则图像的绘制支持比较好，自定义的轨迹需要一点点拼接，容易出现锯齿现象，而且绘制是在原来的图层上增加新的颜色，无法模拟出擦除后留下背景的效果。这种方式存在如下技术缺陷：绘制是在原来的基础上覆盖颜色像素点，无法模拟出擦除后留下背景的效果；对于不规则的形状绘制，需要通过一系列点来组成形状，具有严重的锯齿效果，且消耗较大；很难实现痕迹消失的过程，若用变量记录的方式来使用脚本控制显示的痕迹，逻辑复杂且消耗巨大。三、Rendertexture实现擦除效果：Rendertexture是cocos2dx中提供的用于动态渲染纹理的类，通过RenderTexture的begin()和end()方法，以及被绘制元素的visit()方法，可以选择性地将可视元素绘制在texture上。Rendertexture的一大用处是可以快速实现屏幕截图，也可以通过设置各个元素之间的blend方式来实现绘图或者橡皮擦的功能。但Rendertexture的擦除功能有一个缺陷就是无法模拟出复原的过程，且无法在可擦除内容和不可擦除内容在同一区域内叠加显示，另外对不同平台的支持也不太好。这种方式存在以下技术缺陷：Rendertexture最大的难点是无法复原图像，因为擦除功能需要将橡皮擦Sprite的blend设成(GL_ONE,GL_ZERO)方式，一旦GL_ZERO作用到原来的背景时，背景像素信息就会丢失，即使重新绘制背景层也无法模拟出慢慢恢复的过程；Rendertexture还有一个问题就是在不同的设备上，可能存在问题，尤其的安卓设备会有显示不正确的bug。针对上述的问题，目前尚未提出有效的解决方案。
技术实现思路
本专利技术实施例提供了一种信息显示方法及装置、存储介质、处理器、终端，以至少解决相关技术中用户界面的可交互性不高的技术问题。根据本专利技术实施例的一个方面，提供了一种信息显示方法，应用于呈现一图形用户界面的终端，包括：在图形用户界面的预设交互区域内模拟凝结并显示一特定雾状体，检测预设交互区域内的第一触摸操作，获取第一触摸操作的第一位置信息；根据第一位置信息创建第一模板；获取特定雾状体的图片底板，根据第一模板对特定雾状体的图片底板进行裁剪；在预设交互区域内显示裁剪后的图片底板的剩余像素。可选地，预设交互区域内模拟凝结特定雾状体通过以下方式实现：调整特定雾状体的图片底板的透明度，并在预设交互区域内进行显示。可选地，在检测预设交互区域内的第一触摸操作之后，方法还包括：获取第一触摸操作的多个触摸点，其中，多个触摸点在预设交互区域内形成第一预定轨迹。可选地，根据位置信息创建第一模板包括：根据多个触摸点的位置信息创建多个第一模板，其中，一个触摸点对应创建一个第一模板，第一模板的形状与对应的触摸点的形状相同；或根据第一预定轨迹创建第一模板，其中，第一模板的形状与第一预定轨迹相同。可选地，在预设交互区域内显示裁剪后的图片底板的剩余像素之后，方法还包括：将第一模板的大小逐渐缩小为零，以便对特定雾状体的剩余像素进行恢复处理并在预设交互区域内进行显示。可选地，将第一模板的大小逐渐缩小为零，以便对特定雾状体的剩余像素进行恢复处理并在预设交互区域内进行显示包括：在第一模板的大小逐渐缩小为零的过程中，利用过程中的第一模板对图片底板进行裁剪，在预设交互区域内显示裁剪后的图片底板的剩余像素。可选地，方法还包括：获取第一触摸操作的第一时长，随着第一时长的增长，第一模板逐渐增大，雾状体所显示的面积逐渐减小，其中，第一时长为第一触摸操作作用于预设交互区域的时长；和/或当第一触摸操作结束且第一触摸操作的触摸点离开预设交互区域时，获取所第二时长，随着第二时长的增长，第一模板逐渐缩小，雾状体所显示的面积逐渐减小，其中，第二时长为当前时刻与触摸点离开预设交互区域的时刻之间的时长。可选地，方法还包括：检测预设交互区域内的第二触摸操作；获取第二触摸操作的第二位置信息；在与第二位置信息对应的位置上根据液体颗粒图案创建具有液体颗粒效果的第二模板；在第二触摸操作的触摸点离开预设交互区域的情况下，在与第二位置信息对应的位置上显示由第二模板模拟生成的液体颗粒。可选地，在与第二位置信息对应的位置上显示由第二模板模拟生成的液体颗粒包括：在与第二位置信息对应的位置处，显示第二模板并隐藏预设交互区域中背景图片的像素内容。可选地，在与第二位置信息对应的位置上显示由第二模板模拟生成的液体颗粒之后，方法还包括：控制液体颗粒在预设交互区域内趋向终端的重力方向移动；在液体颗粒移动到预设交互区域的边界时释放液体颗粒。可选地，控制液体颗粒在预设交互区域内沿终端的重力方向移动包括：减小第二模板在预设交互区域内的纵轴方向的坐标；为第二模板在预设交互区域内的横轴方向的坐标添加偏移量；其中，横轴方向为预设交互区域所在平面内与终端的重力方向垂直的方向，纵轴方向为预设交互区域所在平面内与横轴方向垂直的方向。可选地，在液体颗粒移动到预设交互区域的边界时释放液体颗粒包括：在第二模板移动到预设交互区域的边界时，从列表中移除第二模板。可选地，在检测预设交互区域内的第一触摸操作之后，方法还包括：在距离第一位置预定距离的第二位置处凝结特定雾状体；获取第一触摸操作的第三时长，随着第三时长的增长，在第二位置处凝结的雾状体逐渐淡入，其中，第三时长为第一触摸操作作用于预设交互区域的时长；和/或当第一触摸操作结束且第一触摸操作的触摸点离开预设交互区域时，获取所第四时长，随着第四时长的增长，在第二位置处凝结的雾状体逐渐淡入，其中，第四时长为当前时刻与触摸点离开预设交互区域的时刻之间的时长。可选地，在距离第一位置预定距离的第二位置处凝结特定雾状体本文档来自技高网...

【技术保护点】
1.一种信息显示方法，应用于呈现一图形用户界面的终端，其特征在于，包括：在所述图形用户界面的预设交互区域内模拟凝结并显示一特定雾状体，检测所述预设交互区域内的第一触摸操作，获取所述第一触摸操作的第一位置信息；根据所述第一位置信息创建第一模板；获取所述特定雾状体的图片底板，根据所述第一模板对所述特定雾状体的图片底板进行裁剪；在所述预设交互区域内显示裁剪后的所述图片底板的剩余像素。

【技术特征摘要】
1.一种信息显示方法，应用于呈现一图形用户界面的终端，其特征在于，包括：在所述图形用户界面的预设交互区域内模拟凝结并显示一特定雾状体，检测所述预设交互区域内的第一触摸操作，获取所述第一触摸操作的第一位置信息；根据所述第一位置信息创建第一模板；获取所述特定雾状体的图片底板，根据所述第一模板对所述特定雾状体的图片底板进行裁剪；在所述预设交互区域内显示裁剪后的所述图片底板的剩余像素。2.根据权利要求1所述的方法，其特征在于，所述预设交互区域内模拟凝结所述特定雾状体通过以下方式实现：调整所述特定雾状体的图片底板的透明度，并在所述预设交互区域内进行显示。3.根据权利要求1所述的方法，其特征在于，在检测所述预设交互区域内的第一触摸操作之后，所述方法还包括：获取所述第一触摸操作的多个触摸点，其中，所述多个触摸点在所述预设交互区域内形成第一预定轨迹。4.根据权利要求3所述的方法，其特征在于，根据所述位置信息创建第一模板包括：根据所述多个触摸点的位置信息创建多个所述第一模板，其中，一个所述触摸点对应创建一个所述第一模板，所述第一模板的形状与对应的所述触摸点的形状相同；或根据所述第一预定轨迹创建所述第一模板，其中，所述第一模板的形状与所述第一预定轨迹相同。5.根据权利要求1所述的方法，其特征在于，在所述预设交互区域内显示所述裁剪后的所述图片底板的剩余像素之后，所述方法还包括：将所述第一模板的大小逐渐缩小为零，以便对所述特定雾状体的剩余像素进行恢复处理并在所述预设交互区域内进行显示。6.根据权利要求5所述的方法，其特征在于，将所述第一模板的大小逐渐缩小为零，以便对所述图片底板的剩余像素进行恢复处理并在所述预设交互区域内进行显示包括：在所述第一模板的大小逐渐缩小为零的过程中，利用所述过程中的所述第一模板对所述图片底板进行裁剪，在所述预设交互区域内显示裁剪后的所述特定雾状体的剩余像素。7.根据权利要求1所述的方法，其特征在于，所述方法还包括：获取所述第一触摸操作的第一时长，随着所述第一时长的增长，所述第一模板逐渐增大，所述雾状体所显示的面积逐渐减小，其中，所述第一时长为所述第一触摸操作作用于所述预设交互区域的时长；和/或当所述第一触摸操作结束且所述第一触摸操作的触摸点离开所述预设交互区域时，获取所第二时长，随着所述第二时长的增长，所述第一模板逐渐缩小，所述雾状体所显示的面积逐渐减小，其中，所述第二时长为当前时刻与所述触摸点离开所述预设交互区域的时刻之间的时长。8.根据权利要求1所述的方法，其特征在于，所述方法还包括：检测所述预设交互区域内的第二触摸操作；获取所述第二触摸操作的第二位置信息；在与所述第二位置信息对应的位置上根据液体颗粒图案创建具有液体颗粒效果的第二模板；在所述第二触摸操作的触摸点离开所述预设交互区域的情况下，在与所述第二位置信息对应的位置上显示由所述第二模板模拟生成的液体颗粒。9.根据权利要求8所述的方法，其特征在于，在与所述第二位置信息对应的位置上显示由所述第二模板模拟生成的液体颗粒包括：在与所述第二位置信息对应的位置处，显示所述第二模板并隐藏所述预设交互区域中背景图片的像素内容。10.根据权利要求8所述的方法，其特征在于，在与所述第二位置信息对应的位置上显示由所述第二模板模拟生成的液体颗粒之后，所述方法还包括：控制所述液体颗粒在所述预设交互区域内趋向所述终端的重力方向移动；在所述液体颗粒移动到所述预设交互区域的边界时释放所述液体颗粒。11.根据权利要求10所述的方法，其特征在于，控制所述液体颗粒在所述预设交互区域内沿所述终端的重力方向移动包括：减小所述第二模板在所述预设交互区域内的纵轴方向的坐标；为所述第二模板在所述预设交互区域内的横轴方向的坐标添加偏移量；其中，所述横轴方向为所述预设交互区域所在平面内与所述终端的重力方向垂直的方向，所述纵轴方向为所述预设交互区域所在平面内与所述横轴方向垂直的方向。12.根据权利要求11所述的方法，其特征在于，在所述液体颗粒移动到所述预设交互区域的边界时释放所述液体颗粒包括：在所述第二模板移动到所述预设交互区域的边界时，从列表中移除所述第二模板。13.根据权利要求1所述的方法，其特征在于，在检测所述预设交互区域内的第一触摸操作之后，所述方法还包括：在距离第一位置预定距离的第二位置处凝结所述特定雾状体；获取所述第一触摸操作的第三时长...

【专利技术属性】
技术研发人员：陈贤，
申请(专利权)人：网易杭州网络有限公司，
类型：发明
国别省市：浙江,33