CN114245031A - 图像展示方法、装置、电子设备及存储介质 - Google Patents

Abstract

本公开实施例提供了一种图像展示方法、装置、电子设备及存储介质，该方法包括：响应于特效触发操作，将多个第一展示元素依据预设展示方式进行动态展示；若至少一个第一展示元素与主体元素的相对展示信息为滞留展示时，将所述至少一个第一展示元素显示或堆叠显示在所述主体元素上；以及，将所述相对展示信息为非滞留展示的第一展示元素，依据所述预设展示方式继续进行动态展示。本公开实施例的技术方案，实现了特效与用户之间互动性的技术效果。

Description

图像展示方法、装置、电子设备及存储介质

技术领域

本公开实施例涉及图像处理技术领域，尤其涉及一种图像展示方法、装置、电子设备及存储介质。

背景技术

随着网络技术的发展，越来越多的应用程序进入了用户的生活，尤其是一系列可以拍摄短视频的软件，深受用户的喜爱。

为了提高视频拍摄内容的丰富性和趣味性，软件开发商可以研发各种各样的特效道具，从而使用户可以基于特效道具拍摄各种各样的视频。

但是，目前现有的特效道具和用户之间的互动性较差，基于此特效道具拍摄出的视频存在一定的局限性，导致视频拍摄效果不佳的问题。

发明内容

本公开提供一种图像展示方法、装置、电子设备及存储介质，以实现提高视频内容的丰富性，以及气象特效与用户之间互动性的技术效果。

第一方面，本公开实施例提供了一种图像展示方法，该方法包括：

响应于特效触发操作，将多个第一展示元素依据预设展示方式进行动态展示；

若至少一个第一展示元素与主体元素的相对展示信息为滞留展示时，将所述至少一个第一展示元素显示或堆叠显示在所述主体元素上；以及，

将所述相对展示信息为非滞留展示的第一展示元素，依据所述预设展示方式继续进行动态展示。

第二方面，本公开实施例提供了一种图像展示装置，该装置包括：

元素展示模块，用于响应于特效触发操作，将多个第一展示元素依据预设展示方式进行动态展示；

第一展示模块，用于若至少一个第一展示元素与主体元素的相对展示信息为滞留展示时，将所述至少一个第一展示元素显示或堆叠显示在所述主体元素上；以及，

将所述相对展示信息为非滞留展示的第一展示元素，依据所述预设展示方式继续进行动态展示。

第三方面，本公开实施例还提供了一种电子设备，所述电子设备包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序，

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如本公开实施例任一所述的图像展示方法。

第四方面，本公开实施例还提供了一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时用于执行如本公开实施例任一所述的图像展示方法。

本公开实施例的技术方案，在检测到触发第一展示元素显示道具时，可以将多个第一展示元素，例如，模拟出的雪花粒子元素，按照预设展示方式在显示界面上进行展示，同时，在展示时可以确定第一展示元素与主体元素的相对展示信息，可选的，主体元素可以是眼睛部位，并在相对展示信息为滞留展示时，可以将满足滞留展示的第一展示元素堆叠在主体元素上，从而得到睫毛落雪的效果，将其他非滞留显示的第一展示元素继续按照预设方式进行展示，得到睫毛落雪的视频，解决了现有技术中特效道具与用户之间互动性差，从而引起视频内容效果不佳的问题，实现了视频拍摄内容的趣味性以及特效元素与用户之间互动性，进而提高了用户使用体验的技术效果，此时，可以进一步提高了用户与产品之间的粘合性的效果。

附图说明

结合附图并参考以下具体实施方式，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，原件和元素不一定按照比例绘制。

图1为本公开实施例一所提供的一种图像展示方法流程示意图；

图2为本公开实施例一所提供睫毛落雪特效示意图；

图3为本公开实施例二所提供的一种图像展示方法流程示意图；

图4为本公开实施例二所提供的面部关键点示意图；

图5为本公开实施例二所提供的雪花粒子与线碰撞体的相对位置示意图；

图6为本公开实施例三所提供的一种图像展示方法流程示意图；

图7为本公开实施例四所提供的一种图像展示方法流程示意图；

图8为本公开实施例五所提供的一种图像展示装置结构示意图；

图9为本公开实施例六所提供的一种电子设备结构示意图。

具体实施方式

下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。

应当理解，本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。

本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。

需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。需要注意，本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。

本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。

在介绍本技术方案之前，可以先对应用场景进行示例性说明。可以将本公开技术方案应用在任意需要特效展示的画面中，例如，短视频拍摄场景，或者，现有的任意视频拍摄场景。

第一展示元素可以是任意可以散落显示在显示界面上行的元素。在本实施例中，添加的特效模仿真实环境中雪花、雨滴或者冰雹等，落在主体元素上的特效。主体元素可以是在视频拍摄画面中的任意部位，或者可以是能够产生动作变化的部位，可选的，可以是用户或者动物的身上的各部位。各部位可以是面部五官、肢体躯干上的任意位置。此时，可以理解为，只要显示界面上包括上述主体元素，就可以采用本技术方案公开的方式，确定第一展示元素与主体元素之间的相对展示信息，以确定是否需要堆叠显示，进而实现真实环境中的第一展示元素堆叠的效果。为了清楚的了解第一展示元素可以堆叠显示的主体元素，在此，可以对主体元素进行一一列举，可选的，第一展示元素为雪花，主体元素为鼻尖、眼睛、额头、下巴、肩膀、手腕等，即，显示界面中可以将雪花落在鼻尖上、眼睛部位的睫毛上等。

在本公开实施例中，可以将实现此道具的算法部署在终端设备上。若需要将第一展示元素落在用户的面部上，则可以基于面部关键点检测算法，对采集的图像进行人脸识别，从而确定主体元素。进一步，执行本公开实施例所提供的技术方案，将第一展示元素，雪花例子从显示屏幕的最上方下落，得到雪花堆叠在睫毛上的效果。其具体的实施方式可以参见下述详细阐述。

实施例一

图1为本公开实施例一所提供的一种图像展示方法流程示意图，本公开实施例适用于在互联网所支持的任意特效展示或者特效处理的场景中，用于在展示气象特效的过程中，可以根据第一展示元素与主体像素之间的相对展示信息，将第一展示元素堆叠显示，从而模拟出真实场景的情形，该方法可以由图像展示装置来执行，该装置可以通过软件和/或硬件的形式实现，可选的，通过电子设备来实现，该电子设备可以是移动终端、PC端或服务器等。

如图1所示，所述方法包括：

S110、响应于特效触发操作，将多个第一展示元素依据预设展示方式进行动态展示。

其中，执行本公开实施例提供的图像展示方法的装置，可以集成在支持图像处理功能的应用软件中，且该软件可以安装至电子设备中，可选的，电子设备可以是移动终端或者PC端等。应用软件可以是对图像/视频处理的一类软件，其具体的应用软件在此不再一一赘述，只要可以实现图像/视频处理即可。还可以是专门研发的应用程序，来实现添加特效并特效展示的软件中，亦或是集成在相应的页面中，用户可以通过PC端中集成的页面来实现特效添加处理。

其中，第一展示元素可以理解为自然环境下的天气元素。例如，第一展示元素可以包括雪花元素、水滴元素以及冰雹元素中的至少一种。在触发特效道具后，可以将第一展示元素在显示界面上动态展示，以呈现真实环境中的第一展示元素的展示效果。例如，动态展示可以是采用相应的算法，模拟出真实场景中下雪、下雨，并将其在终端设备上显示。将预先定义的每个第一展示元素在显示界面上的展示方式作为预设展示方式。第一展示元素的显示多是基于MPM(Material Point Method，物质点算法)构建气象模拟效果。

在本实施例中，确定预设展示方式，包括：基于预先设置的各第一展示元素的初始位置、初始速度以及所述各第一展示元素的重力信息中的至少两项，确定所述预设展示方式。

其中，初始位置可以是第一展示元素的初始下降位置，初始下降位置可以是显示界面的上边缘，也可以是虚拟空间中的任意位置，从任意位置下降后，可以降落到显示界面上。初始速度可以是第一展示元素的初始下落速度。可选的，初始下落速度可以是0m/s，也可以是有一定的速度值。可以预先为第一展示元素赋一定的重力值，以使第一展示元素在显示界面不同位置时，对应于不同的速度值，进而模拟出真实环境中下雪或下雨特效。

基于上述可知，确定预设展示方式的元素可以包括三种，可以对上述任意两种进行组合，或者对上述三种元素进行组合，得到相应的展示方式。

第一种预设展示方式为：对上述初始位置和初始速度进行组合，那么，预设展示方式为第一展示元素从初始下降位置按照初始速度下落，此时，相当于模拟真空环境。第二种预设展示方式为：初始位置和重力信息组合，那么，预设展示方式可以是第一展示元素在显示界面中自由落体运动。第三种预设展示方式为：初始速度和重力信息组合，可以在显示界面上的任意位置使第一展示元素在初始速度的基础上，叠加重力信息，确定各第一展示元素在显示界面上不同位置的速度，从而展示相应的第一展示元素。第四种预设展示方式为：初始速度、初始位置以及重力信息的叠加，此时，可以是在第一展示元素从初始位置，在重力的作用下叠加初始速度在显示界面上进行展示。

在本实施例中，在触发特效操作后，可以将多个第一展示元素按照相应的预设展示方式在显示界面上动态展示，以得到包含相应第一展示元素的视频。在视频中目标主体元素的显示内容，可以参见本技术方案的详细阐述。

在本实施例中，在本实施例中，所述特效触发操作包括下述至少一种：触发特效展示控件；触发显示第一展示元素的特效道具；检测到入镜画面中包括所述主体元素。

其中，特效处理控件可以是应用软件的显示界面上显示的按键，该按键的触发表征需要显示相应的特效。还可以是，用户选择特效展示控件后，可以在显示界面上弹出特效道具显示页面，该显示页面中可以显示多个特效道具。用户可以触发显示第一展示元素的特效道具。如果触发了显示第一展示元素的特效道具，则说明触发了特效触发操作。另一种方式还可以是：在检测到入镜画面中包括主体元素，则认为需要显示气象特效。还可以是，预先设置目标对象，在检测到入镜画面中包括目标对象，则说明触发了特效操作。

S120、若至少一个第一展示元素与主体元素的相对展示信息为滞留展示时，将至少一个第一展示元素显示或堆叠显示在主体元素上；以及，将相对展示信息为非滞留展示的第一展示元素，依据预设展示方式继续进行动态展示。

其中，可以将显示界面中区别于第一展示元素的人或物，均作为主体元素。也可以是在研发时，设置多个待选择主体元素。在触发特效道具时，将待选择主体元素展示在显示界面上，根据用户对待选择主体元素的触发操作，确定主体元素。还可以是在研发该特效时，确定与第一展示元素堆叠显示的主体元素。主体元素可以理解为承载第一展示元素的部位或者物体。可选的，主体元素可以是面部上的眼睛或者鼻尖等。

在本实施例中，主体元素可以是展示界面中呈现的任意用户或物体。也可以是用户或宠物身体上的某一个或者多个部位。部位可以是面部上的五官部位，也可以是面部上的任意位置，如颧骨部位、下巴部位，或者是，随机从面部上选的位置。部位还可以是肢体躯干上的任意部位，如，肩膀、手掌、胳膊等部位。

可以理解为，部位包括面部中的各部位以及肢体取关上的各部位中的至少一个。即，主体元素的数量可以是一个或者多个，其具体的数量与研发阶段所要呈现的效果相匹配。不论主体元素的数量有一个还是多个，确定其余第一展示元素之间的相对展示方式都是相同的。

滞留展示可以理解为：在当前视频帧中一个或者多个第一展示元素，落在主体元素上，即至少一个第一展示元素堆叠在主体元素。示例性的，如果第一展示元素为雪花元素，主体元素为眼睛部位，滞留展示可以理解为多个雪花元素落在眼睛的睫毛上。

确定是否为滞留展示可以是根据第一展示元素在显示界面中的位置信息和主体元素之间的相对位置信息来确定。可选的，相对位置信息中包括距离值，若距离值小于预设距离阈值，则说明需要将第一展示元素堆叠在主体元素上，即为滞留展示；反之，则第一展示元素可以按照预设展示方式继续进行展示。

具体的，确定每个第一展示元素与主体元素的相对展示信息的方式都是相同的，因此，以对其中一个气象像素处理为例来说明，并将此第一展示元素作为当前第一展示元素。在当前第一展示元素按照预设展示方式进行展示时，可以确定当前第一展示元素在显示界面中的位置信息，根据该位置信息和主体元素的位置信息，确定当前第一展示元素是否需要显示在主体元素上。如果是，则将该第一展示元素显示在主体元素，反之，则说明当前第一展示元素可以按照预设展示方式继续展示。

示例性的，第一展示元素为雪花元素，主体元素可以是基于终端设备上的摄像头采集的目标面部图像中的眼睛部位。在触发气象特效道具后，各雪花元素可以按照预设方式现实在显示界面上，如果检测到显示界面上显示有眼睛部位时，确定眼睛部位和雪花元素之间的相对位置信息，若相对位置信息重合或相对位置信息的距离小于预设距离阈值，则可以将雪花元素显示在眼睛上，得到如图2所示的效果示意图，第一展示元素雪花元素1显示在主体元素眼睛元素2上。

在上述技术方案的基础上，需要说明的是，若只有一个第一展示元素与主体元素的相对展示信息为滞留展示，则可以将第一展示元素显示在主体元素上。若多个第一展示元素与主体元素的相对展示信息，则可以是将多个第一展示元素促成团展示在主体元素上，即堆叠滞留展示。堆叠滞留展示还可以理解为：主体元素上可能已有第一展示元素，若当前视频帧依然确定出除已显示在主体元素上的其他第一展示元素，需要滞留展示，则可以将其他第一展示元素叠在已有的第一展示元素上。当然，若非滞留展示，则可以按照预设的方式继续进行展示。

本公开实施例的技术方案，在检测到触发第一展示元素显示道具时，可以将多个第一展示元素，例如，模拟出的雪花粒子元素，按照预设展示方式在显示界面上进行展示，同时，在展示时可以确定第一展示元素与主体元素的相对展示信息，可选的，主体元素可以是眼睛部位，并在相对展示信息为滞留展示时，可以将满足滞留展示的第一展示元素堆叠在主体元素上，从而得到睫毛落雪的效果，将其他非滞留显示的第一展示元素继续按照预设方式进行展示，得到睫毛落雪的视频，解决了现有技术中特效道具与用户之间互动性差，从而引起视频内容效果不佳的问题，实现了视频拍摄内容的趣味性以及特效元素与用户之间互动性，进而提高了用户使用体验的技术效果，此时，可以进一步提高了用户与产品之间的粘合性的效果。在上述技术方案的基础上，如果主体元素是用户的眼睛部位，确定第一展示元素与主体元素的相对展示信息之前，还包括：若根据所述眼睛部位的关键点确定为闭合状态时，则确定不存在堆叠在眼睛部位的第一展示元素。

可以理解为，对于每个视频帧，可以确定眼睛部位的关键点。根据眼睛部位的关键点，可以确定眼睛处于闭合状态，还是张开状态。若处于闭合状态，则说明第一展示元素可以从眼睛部位滑落，此时可以不用确定各第一展示元素与眼睛部位的相对展示信息。此时，可以根据预设展示方式，确定第一展示元素在每个视频帧中的显示位置。即，各第一展示元素依据预设展示方式继续进行展示。相应的，若根据眼睛部位的关键点，确定眼睛处于张开状态时，则可以确定第一展示元素是否会落在眼睛部位的睫毛上，进而将相应的第一展示元素堆叠在眼睛部位的睫毛上，得到睫毛落雪的效果。

实施例二

图3为本公开实施例二所提供的一种图像展示方法流程示意图，在前述实施例的基础上，在确定第一展示元素和主体元素之间的相对显示信息之前，可以确定主体元素的线碰撞体和碰撞体信息碰撞体信息，进而基于碰撞体信息碰撞体信息和第一展示元素的当前显示信息，确定相对展示信息，其具体的显示方式可以参见本技术方案的详细阐述。其中，与上述实施例相同或者相应的技术术语在此不再赘述。

如图3所示，所述方法包括：

S210、响应于特效触发操作，将多个第一展示元素依据预设展示方式进行动态展示。

S220、确定显示界面中的主体元素，并确定与主体元素相对应的线碰撞体，以及与所述线碰撞体相对应的碰撞体信息。

其中，在触发特效控件时，可以将采集图像展示在显示界面上，该图像中可以包括主体元素，也可以不包括主体元素。只要采集到图像就可以采用关键点检测技术，确定显示界面中是否包括主体元素。若是，则可以基于本公开实施例，构建主体元素的线碰撞体，以及确定出相应的碰撞体信息碰撞体信息。

示例性的，主体元素为面部图像中的眼睛部位。基于显示设备采集图像时，可以基于人脸检测技术，确定眼睛部位中左眼所对应的关键点为67-74-73-72-71-66-70-69-68-67，参见图4。线碰撞体由多条线段构成，此时，眼睛部位的多条线段可以是相邻两个关键点的组合。通常，第一展示元素不会堆叠在凹的位置处，可选的，下睫毛位置处，因此，可以基于上眼皮所对应的关键点，构建线碰撞体A(66-70-69-68-67)。线碰撞体A中可以包括4个线段。通过确定第一展示元素与每个线段的相对展示信息，确定相应第一展示元素是否滞留展示。

在本实施例中，构建与主体元素相对应的线碰撞体，以及确定碰撞体信息可以是：确定与主体元素相对应的至少两个关键点；根据至少两个关键点，确定线碰撞体，以及记录线碰撞体上相应关键点的点坐标信息，并将点坐标信息作为碰撞体信息；其中，线碰撞体中包括至少一个碰撞线段，碰撞线段的两个端点对应于关键点。

通常，主体元素可以是某个部位。确定该主体元素的边缘轮廓，并将边缘轮廓上的每个点均作为关键点。或者是，按照一定规律确定出的多个点，作为关键点。多个关键点依次连线后，可以得到主体元素。相邻两个点、间隔一个或者两个点的关键点可以作为线碰撞体中的碰撞线段。可以记录碰撞线段两个端点的坐标信息，并将点坐标信息作为碰撞体信息。

在本实施例中，若设置的主体元素为面部图像上的任意部位，则确定至少两个关键点可以是基于关键点识别算法，确定各部位的至少三个关键点，以基于至少三个关键点构建线碰撞体。

示例性的，主体元素与面部五官相对应，基于关键点识别算法，可以识别五官轮廓，得到如图4所示的示意图。在得到每个部位的至少三个关键点后，可以依据任意两个相邻或者间隔一个两个的关键点，得到至少一个碰撞线段。根据至少一个碰撞线段，确定线碰撞体。同时，可以确定关键点的像素点坐标信息，作为碰撞体信息碰撞体信息。

S230、基于碰撞体信息和各第一展示元素的当前显示信息，确定相对展示信息。

还需要说明的是，线碰撞体的数量与主体元素的数量相匹配。确定第一展示元素与每个主体元素的相对展示信息的方式都是相同的，以确定其中一个第一展示元素和一个主体元素之间的相对展示信息为例来介绍。

其中，当前显示信息可以是第一展示元素的当前位置信息。根据当前位置信息和碰撞体信息碰撞体信息中每个碰撞线段的两个端点坐标信息，确定相对展示信息。针对每一个线段，可以根据当前线段的位置信息和各第一展示元素的当前位置信息，确定第一展示元素落在该线段上，若是，则相对展示信息为滞留展示；若否，则相对展示信息为非滞留展示。即，滞留展示可以理解为第一展示元素是否需要显示在主体元素上。

在本公开实施例中，基于线碰撞体信息和各第一展示元素的当前显示信息，确定相对展示信息，具体可以是：针对各第一展示元素，确定当前第一展示元素在法向量方向上与线碰撞体的距离信息，以及确定所述当前第一展示元素在所述法向量方向上的投影点是否与所述线碰撞体所属线段存在交点；其中，所述法向量方向是根据线碰撞体的碰撞点信息确定的；若所述距离信息小于预设碰撞距离阈值，且存在所述交点，则确定所述当前第一展示元素与相应的线碰撞体的相对展示信息为滞留展示。

需要说明的是，由于每个线碰撞体上包括至少一个碰撞线段，因此，第一展示元素与线碰撞体的相对展示信息，可以通过第一展示元素与碰撞线段的相对展示信息来表征。

其中，根据碰撞线段两个端点的坐标信息，可以确定碰撞线段的法向量。第一展示元素的当前显示信息中包括位置信息，位置信息可以通过坐标来表征。根据气象像素坐标和法向量，可以确定第一展示元素在法向量方向上与碰撞线段之间的距离值。同时，根据第一展示元素的坐标信息在法向量方向上的投影点是否与碰撞线段存在交点。若距离值小于预设碰撞距离阈值，同时，还存在交点，则说明第一展示元素与线碰撞体发生了碰撞，相应的，相对展示信息为滞留展示。

在上述基础上，若距离值大于预设碰撞距离阈值，或不存在交点，则确定当前第一展示元素与相应线碰撞体的相对展示信息为非滞留展示；相应的，将相对展示信息为非滞留展示的第一展示元素，依据预设展示方式继续进行动态展示，包括：将为非滞留展示的第一展示元素在前一视频帧基础上依据预设展示方式继续在展示界面中动态展示。

具体的，如果距离值小于预设碰撞距离阈值，则说明第一展示元素与线碰撞体之间的距离较远，或者，第一展示元素在法向量投影方向上与碰撞线段不存在交点，则说明第一展示元素不会落在主体元素上，此时，第一展示元素与主体元素之间的相对展示信息为非滞留展示。

示例性的，参见图5，标识C、D以及E表征第一展示元素，A和B表征线碰撞体中的一个碰撞线段的两个端点，即识别到的主体元素的关键点。基于两个端点A和B的坐标信息，确定线段AB的法向量N。预设碰撞距离阈值与图5中的灰度区域3相对应。对于第一展示元素C，根据元素C的当前位置信息，可以确定其在法向方向上与线碰撞体AB之间距离值。同时，可以根据当前位置信息确定其在法向量方向上的投影是否与线段AB存在交点。若距离值小于预设碰撞距离阈值，即第一展示元素C在灰度区域2中，且存在交点，则说明第一展示元素C与线碰撞体AB发生碰撞，可以理解为，第一展示元素C与碰撞线段AB的相对展示信息为滞留展示。对于第一展示元素D的当前位置信息，确定其距离值大于预设距离阈值，即不在灰度区域3中，同时，确定其在法向量方向上与AB存在交点，说明该第一展示元素可能落在线碰撞体上，但是目前没有落在线碰撞体上。对于第一展示元素E可知，距离值大于预设碰撞距离阈值，且不存在交点，则说明第一展示元素D按照预设展示方式继续展示即可。

S240、若至少一个第一展示元素与主体元素的相对展示信息为滞留展示时，将至少一个第一展示元素显示或堆叠显示在主体元素上；以及，将相对展示信息为非滞留展示的第一展示元素，依据预设展示方式继续进行动态展示。

具体的，若第一展示元素与主体元素的相对展示信息为滞留展示，则可以将相应第一展示元素堆叠显示在主体元素上。将相对展示信息为非滞留展示的第一展示元素，依据预设展示方式继续进行动态展示。

本公开实施例的技术方案，在确定主体元素与各第一展示元素的相对展示信息之前，可以先确定显示界面上的主体元素，并构建主体元素所对应的线碰撞体以及碰撞体信息碰撞体信息，进而根据线碰撞体和相应的碰撞体信息碰撞体信息，确定各第一展示元素与主体元素的相对展示信息，进而确定第一展示元素是否要滞留显示在主体元素上，若滞留显示，则可以将第一展示元素堆叠显示在主体元素上，以实现视频内容模拟出实际环境中的气象信息，进而提高视频内容丰富性的效果。

实施例三

图6为本公开实施例三所提供的一种图像展示方法流程示意图，在前述实施例的基础上，在第一展示元素与线碰撞体发生碰撞时，第一展示元素的速度会发生相应的变化，可选的，速度大小和方向等，相应的，主体元素也可以产生相应的运动速度，如，第一展示元素堆叠显示在眉毛上，若用户做了挑眉的动作，可以在第一展示元素落在眉毛上时的速度叠加主体元素的速度，进而得到目标速度信息，以基于目标速度信息确定下一视频帧中相应第一展示元素的显示信息，从而得到包括第一展示元素特效的目标视频，其具体实施方式可以参见本技术方案的详细阐述。其中，与上述实施例相同或者相应的技术术语在此不再赘述。

如图6所示，所述方法包括：

S310、响应于特效触发操作，将多个第一展示元素依据预设展示方式进行动态展示；

S320、若至少一个第一展示元素与主体元素的相对展示信息为滞留展示时，将至少一个第一展示元素显示或堆叠显示在主体元素上；以及，将相对展示信息为非滞留展示的第一展示元素，依据预设展示方式继续进行动态展示。

S330、将为滞留展示的至少一个第一展示元素，作为待处理第一展示元素。

需要说明的是，滞留展示为第一展示元素在当前视频帧中与主体元素的线碰撞体发生了碰撞，需要将其堆积在线碰撞体上的展示方式。由于未滞留展示的第一展示元素是按照预设展示方式继续展示的，而滞留展示的第一展示元素与线碰撞体发生碰撞时，基于碰撞作用力、碰撞时第一展示元素的速度信息以及第一展示元素的自身重力信息，与按照预设展示方式展示时的速度存在较大的改变，此时确定此类第一展示元素的目标速度信息。将与主体元素发生碰撞的第一展示元素作为待处理第一展示元素。

S340、确定待处理第一展示元素与主体元素碰撞后的目标速度信息，以基于目标速度信息，确定各待处理第一展示元素在下一视频帧中的显示信息，以根据显示信息确定与主体元素的相对展示信息。

其中，将待处理第一展示元素与主体元素的线碰撞体发生碰撞后，所对应的速度信息作为目标速度信息。目标速度信息可以是矢量速度，即，存在大小和方向的速度。该目标速度信息的确定可以基于动量守恒定律或能量守恒来确定。在实施例中，确定目标速度信息的好处在于：基于目标速度信息，可以待处理第一展示元素在下一视频帧中的显示信息；同时，根据预设展示方式，确定下一视频帧中其他各第一展示元素的显示信息，根据各显示信息确定下一视频帧中各第一展示元素是否需要堆叠显示在主体元素上，从而得到包括第一展示元素特效的目标视频。

在本实施例中，确定待处理第一展示元素与主体元素碰撞后的目标速度信息，包括：针对各待处理第一展示元素，确定当前待处理第一展示元素相对于相应线碰撞体的待更新相对速度信息；根据待更新相对速度信息，在线碰撞体法向量方向上的第一投影分量；根据第一投影分量，对待更新相对速度信息进行更新，得到当前第一展示元素的待使用速度信息；根据待使用速度信息，以及线碰撞体的平均运动速度，确定当前待处理第一展示元素的目标速度信息。

具体的，线碰撞体中包括多个碰撞线段，每个碰撞线段对应于一个平均运动速度。在第一展示元素与线碰撞体碰撞时，可以确定其对应的碰撞线段。确定线碰撞线段AB的平均运动速度为：确定前一视频帧A和B两个点的历史位置信息，确定当前视频帧中A和B两个点的当前位置信息。针对A点，计算历史位置信息和当前位置信息之间的距离，并根据每个视频帧的时长，确定A点运动速度。对于B点的运动速度可以重复执行上述步骤。计算对A点运动速度和B点运动速度的速度均值，得到碰撞线段AB的平均运动速度v_collider。第一展示元素是按照预设方式进行展示的，可选的，预设展示方式可以是自由落体运动，基于此可以得到第一展示元素在当前视频帧中所对应的运动速度v_snow。根据第一展示元素的运动速度和碰撞线段平均运动速度的速度差值，确定待更新相对速度信息v_rel＝v_snow-v_collider。通过待更新相对速度信息点乘碰撞线段的法向量，得到第一投影分量v_n＝dot(v_rel,normal)normal为碰撞线段的法向量。待使用速度信息为基于第一投影分量对待更新相对速度信息处理后得到的速度。目标速度信息是基于待使用速度信息和相应碰撞线段的平均运动速度确定的。

在本实施例中，根据第一投影分量，对待更新相对速度信息进行更新，得到当前第一展示元素的待使用速度信息，可以是：若第一投影分量小于预设投影分量阈值，则确定待更新相对速度信息，在线碰撞体切向量方向上的第二投影分量；若第二投影分量小于静摩擦临界速度，则确定待更新相对速度信息为第一预设相对速度，并作为待使用速度信息。

其中，预设投影分量阈值是根据经验预先设定的阈值0。若v_n＜0，则计算待更新相对速度信息在碰撞线段切向量方向上的投影分量，得到第二待使用投影分量v_tangent＝v_rel-v_n*norma。即，根据待更新相对运动速度、第一投影分量和待碰撞线段的法向量，确定第二待使用投影分量。根据第二待使用投影分量确定第二投影分量，可选的，第二投影分量v_tan_len＝length(v_tangent)，其中，length表征第二待使用投影分量的模长。第二投影分量表征待更新相对运动速度信息在切向量上分量大小。计算静摩擦系数和第一投影分量的乘积，得到静摩擦临界速度。静摩擦系数通常设置在0至1中的任意值。若第二投影分量小于静摩擦临界速度，则确定待使用速度信息为第一预设相对速度，第一预设相对速度可以是0m/s。可以理解为：在确定第二投影分量小于静摩擦临界速度时，待更新相对速度信息可以更新为第一预设相对速度。将第一预设相对速度作为待使用速度信息。

在上述技术方案的基础上，若第二投影分量大于静摩擦临界速度，则根据静摩擦系数、第二投影分量和第一投影分量，更新待更新相对速度，以得到待使用速度信息。示例性的，在确定第二投影分量大于静摩擦临界速度，则基于公式对待更新相对速度进行更新，得到待使用速度信息。该公式可以为：

v_rel＝(1+friction_coef*v_n/v_tan_len)*v_tangent；

其中，friction_coef为静摩擦系数。

将静摩擦系数、第二投影分量以及第一投影分量代入至上述公式，对待更新相对速度信息进行更新，得到待使用速度信息。

在上述技术方案的基础上，若所述第一投影分量大于预设投影分量阈值，则确定所述目标处理方式为将所述待更新相对速度信息作为待使用速度信息。

可以理解为，在第一投影分量大于预设投影分量阈值时，则可以将首次确定出的待更新相对运动速度作为待使用速度信息。

在确定出待使用速度后，可以根据所述待使用速度信息，以及所述线碰撞体的平均运动速度，确定所述当前待处理第一展示元素的目标速度信息。

可选的，可以基于公式确定出目标速度信息：vel＝v_rel+v_collider。其中，v_rel为最终确定出的待使用速度，v_collider为与雪花元素碰撞的碰撞线段的平均运动速度。在本实施例中，在确定各待处理第一展示元素的目标速度信息后，可以将目标速度信息反馈至MPM框架中，以使MpM框架可以传回的目标速度信息和预设的位置确定函数，确定相应待处理第一展示元素的显示信息。同时，基于预设展示方式，确定非堆叠显示的各第一展示元素的显示信息。在确定显示信息后，可以重复执行上述步骤，确定各气象像素在下一视频帧中的显示位置，并对相应第一展示元素进行渲染，得到下一视频帧。重复执行上述步骤，可以得到第一展示元素堆叠在相应主体元素上的目标视频。

本公开实施例的技术方案，在确定第一展示元素与主体元素发生碰撞后，可以确定该第一展示元素碰撞后的速度信息，以根据碰撞后的速度信息，确定相应第一展示元素在下一视频帧中的显示信息，从而得到第一展示元素和主体元素动态变化或者相对静态变化的目标视频。

实施例四

作为上述实施例的一可选实施例，图7为本公开实施例四所提供的一种图像展示方法流程示意图。在本实施例中，主体元素为面部五官中的眼睛部位，第一展示元素为雪花元素。雪花元素的显示可以通过雪花粒子来实现。即采用移动终端中部署计算着色器，基于计算着色器实现MPM(Material Point Method，物质点算法)构建雪模拟效果。确定显示界面中的主体元素，可以通过面部检测技术，确定视频图像中眼睛部位的关键点。

具体的实施例可以是：在触发特效道具后，可以采集包括面部五官的图像，并确定眼睛部位的关键点，参见图4。根据关键点位置和速度，可以确定出眼睛部位是否眨眼。若根据眼睛部位确定其为眨眼，则说明雪花不会落在眼睛上。若眼睛部位未处于眨眼状态，则可以根据面部关键点信息构建碰撞体。可选的，如确定出67-73-71构建左眼线碰撞体，选取76-82-80为右眼线碰撞体。碰撞体中相邻两个点的连线作为碰撞线段。记录线碰撞体上碰撞线段两个端点的坐标信息，以及记录基于坐标信息确定的碰撞线段的法向量。针对每一个碰撞线段，在运行时可以获取到碰撞线段两个端点的位置和速度。根据端点速度，可以确定碰撞线段的平均速度，同时，可以确定碰撞线段的法向量。

在MPM框架中，可以根据预先设置的雪蛤粒子的初始速度、初始位置以及设置的雪花粒子的重力信息，调整雪花粒子从相应位置落下。计算各雪花粒子在各碰撞线段法向量方向上，与碰撞线段的距离信息。同时，确定雪花粒子在法向量方向上的投影是否与碰撞线段存在交点。若上述两个条件都满足，则确定雪花粒子与碰撞线段发生碰撞。若上述任意一个条件不满足，则说明雪花粒子与碰撞线段未发生碰撞。未发生碰撞的雪花粒子可以依据预设展示方式继续进行展示，并依据预设展示方式确定其目标速度信息。发生碰撞的待处理雪花粒子可以采用下述方式确定其目标速度信息。

需要说明的是，确定每个待处理雪花粒子的目标速度信息的方式都是相同的，可以以对其中一个待处理雪花粒子为例来介绍。

确定当前雪花粒子相对碰撞线段的相对运动速度v_rel＝v_snow-v_collider；确定相对运动速度在碰撞线段法向量normal方向上的第一投影分量v_n＝dot(v_rel,normal)；若v_n<0；确定雪花粒子的相对运动速度在碰撞线段切向量方向上的第二待使用投影分量v_tangent＝v_rel-v_n*normal。根据所述第二待使用投影分量，确定第二投影分量为v_tan_len＝length(v_tangent)；其中，length表示矢量第二投影分量的模长信息。如果第二投影分量小于静摩擦临界速度-v_n*friction_coef(friction_coef为静摩擦系数，范围在0到1之间)则相对运动速度为待使用速度v_rel＝0；若第二投影分量大于静摩擦临界速度，则相对运动速度为待使用速度v_rel＝(1+friction_coef*v_n/v_tan_len)*v_tangent。

若v_n＞0，则确定待使用速度为v_rel＝v_snow-v_collider。

若基于上述确定出待使用速度后，可以基于待使用速度和碰撞线段运动速度，确定出碰撞后雪花粒子的速度，即目标速度，确定目标速度信息的公式可以是：vel＝v_rel+v_collider其中，vel为目标速度，v_rel为最终更新后的待使用速度，v_collider为碰撞线段的平均运动速度。基于目标速度信息，可以使雪花粒子显示界面中进行运动，以得到下一视频帧中雪花粒子的显示位置，重复执行上述步骤，可以得到包括各雪花粒子的目标视频。

本公开实施例的技术方案，在检测到触发第一展示元素显示道具时，可以将多个第一展示元素，例如，模拟出的雪花粒子元素，按照预设展示方式在显示界面上进行展示，同时，在展示时可以确定第一展示元素与主体元素的相对展示信息，可选的，主体元素可以是眼睛部位，并在相对展示信息为滞留展示时，可以将满足滞留展示的第一展示元素堆叠在主体元素上，从而得到睫毛落雪的效果，将其他非滞留显示的第一展示元素继续按照预设方式进行展示，得到睫毛落雪的视频，解决了现有技术中特效道具与用户之间互动性差，从而引起视频内容效果不佳的问题，实现了视频拍摄内容的趣味性以及特效元素与用户之间互动性，进而提高了用户使用体验的技术效果，此时，可以进一步提高了用户与产品之间的粘合性的效果。在上述技术方案的基础上，如果主体元素是用户的眼睛部位，确定第一展示元素与主体元素的相对展示信息之前，还包括：若根据所述眼睛部位的关键点确定为闭合状态时，则确定不存在堆叠在眼睛部位的第一展示元素。

实施例五

图8为本公开实施例五所提供的一种图像展示装置结构示意图，如图8所示，所述装置包括：元素展示模块410以及第一展示模块420。

其中，元素展示模块410，用于响应于特效触发操作，将多个第一展示元素依据预设展示方式进行动态展示；第一展示模块420，用于若至少一个第一展示元素与主体元素的相对展示信息为滞留展示时，将所述至少一个第一展示元素显示或堆叠显示在所述主体元素上；以及，将所述相对展示信息为非滞留展示的第一展示元素，依据所述预设展示方式继续进行动态展示。

在上述技术方案的基础上，所述特效触发操作包括下述至少一种：

触发特效展示控件；

触发显示第一展示元素的特效道具；

检测到入镜画面中包括所述主体元素。

在上述技术方案的基础上，预设展示方式确定，用于基于预先设置的各第一展示元素的初始位置、初始速度以及所述各第一展示元素的重力信息中的至少两项，确定所述预设展示方式。

在上述技术方案的基础上，所述装置还包括：碰撞体构建模块包括：

碰撞体构建单元，用于确定显示界面中的主体元素，并确定与所述主体元素相对应的线碰撞体，以及与所述线碰撞体相对应的碰撞体信息；

相对展示信息确定单元，用于基于所述碰撞体信息和各第一展示元素的当前显示信息，确定相对展示信息。

在上述技术方案的基础上，碰撞体构建单元，包括：

关键点确定单元，用于确定与主体元素相对应的至少两个关键点；

碰撞信息确定单元，用于根据所述至少两个关键点，确定线碰撞体，以及记录线碰撞体上相应关键点的点坐标信息，并将所述点坐标信息作为所述碰撞体信息；其中，所述线碰撞体中包括至少一个碰撞线段，所述碰撞线段的两个端点对应于关键点。

在上述技术方案的基础上，关键点确定单元，还用于若所述主体元素与显示界面中目标用户的各部位相对应，则基于关键点识别算法，确定各部位的至少三个关键点，以基于所述至少三个关键点构建线碰撞体。

在上述技术方案的基础上，所述各部位包括面部中的各部位以及肢体躯干上的各部位中的至少一个。

在上述技术方案的基础上，若根据所述眼睛部位的关键点确定为闭合状态时，则确定不存在堆叠在眼睛部位的第一展示元素。

在上述技术方案的基础上，所述相对展示信息确定单元，包括：

第一信息确定子单元，用于针对各第一展示元素，根据当前第一展示元素的位置信息，在所述线碰撞体上相应碰撞线段的法向量方向上的距离值，以及在所述法向量方向上的投影点是否与所述碰撞线段存在交点；其中，所述法向量方向是根据碰撞线段两个端点所对应的关键点信息确定的；

滞留展示确定子单元，用于若所述距离值小于预设碰撞距离阈值，且存在所述交点，则确定所述当前第一展示元素与相应的线碰撞体的相对展示信息为滞留展示。

在上述技术方案的基础上，所述第一展示模块，还用于：将所述至少一个第一展示元素堆积在所述主体元素上。

在上述技术方案的基础上，所述相对展示信息确定单元，还用于：若所述距离值大于所述预设碰撞距离阈值，或不存在所述交点，则确定所述当前第一展示元素与相应线碰撞体的相对展示信息为非滞留展示；相应的，所述将所述相对展示信息为非滞留展示的第一展示元素，依据所述预设展示方式继续进行动态展示，包括：将为非滞留展示的第一展示元素在前一视频帧基础上依据所述预设展示方式继续在展示界面中动态展示。

在上述技术方案的基础上，所述第一展示元素包括雪花元素、雨滴元素以及冰雹元素中的至少一种。

在上述技术方案的基础上，所述装置还包括：

待处理第一展示元素确定模块，用于将为滞留展示的至少一个第一展示元素，作为待处理第一展示元素；

目标速度确定模块，用于确定所述待处理第一展示元素与所述主体元素碰撞后的目标速度信息，以基于所述目标速度信息，确定各待处理第一展示元素在下一视频帧中的显示信息，以根据所述显示信息确定与所述主体元素的相对展示信息；

其中，所述显示信息包括显示位置信息。

在上述技术方案的基础上，所述目标速度确定模块，还用于：针对各待处理第一展示元素，根据当前待处理第一展示元素的运动速度和线碰撞体中相应碰撞线段的平均运动速度，确定所述待更新相对速度信息；其中，所述平均运动速度是根据碰撞线段两个端点在前一视频帧的位置信息和当前视频帧的位置信息确定的；根据所述待更新相对速度信息，在所述线碰撞体法向量方向上的第一投影分量；根据所述第一投影分量，对所述待更新相对速度信息进行更新，得到所述当前第一展示元素的待使用速度信息；根据所述待使用速度信息，以及所述线碰撞体的平均运动速度，确定所述当前待处理第一展示元素的目标速度信息。

在上述技术方案的基础上，所述目标速度确定模块，还用于：若所述第一投影分量小于预设投影分量阈值，则确定所述待更新相对速度信息，在所述线碰撞体切向量方向上的第二投影分量；若所述第二投影分量小于静摩擦临界速度，则确定所述待使用速度信息为第一预设相对速度；其中，所述静摩擦临界速度是基于所述第一投影分量和静摩擦系数确定的。

在上述技术方案的基础上，所述目标速度确定模块，还用于：若所述第二投影分量大于所述静摩擦临界速度，则根据所述静摩擦系数、所述第二投影分量和所述第一投影分量，更新所述待更新相对速度信息得到所述待使用速度信息。

在上述技术方案的基础上，所述目标速度确定模块，还用于：若所述第一投影分量大于预设投影分量阈值，则确定所述目标处理方式为将所述待更新相对速度信息作为待使用速度信息。

在上述技术方案的基础上，所述目标速度确定模块，还用于：根据各待处理第一展示元素的目标速度信息，所属线碰撞体的法向量重力信息，确定下一视频帧中相应待处理第一展示元素的显示信息；以及，根据所述预设展示方式，确定非堆叠显示的各第一展示元素的显示信息；根据所述显示信息，确定下一视频帧中各主体元素与第一展示元素的相对展示信息。

本公开实施例的技术方案，在检测到触发第一展示元素显示道具时，可以将多个第一展示元素，例如，模拟出的雪花粒子元素，按照预设展示方式在显示界面上进行展示，同时，在展示时可以确定第一展示元素与主体元素的相对展示信息，可选的，主体元素可以是眼睛部位，并在相对展示信息为滞留展示时，可以将满足滞留展示的第一展示元素堆叠在主体元素上，从而得到睫毛落雪的效果，将其他非滞留显示的第一展示元素继续按照预设方式进行展示，得到睫毛落雪的视频，解决了现有技术中特效道具与用户之间互动性差，从而引起视频内容效果不佳的问题，实现了视频拍摄内容的趣味性以及特效元素与用户之间互动性，进而提高了用户使用体验的技术效果，此时，可以进一步提高了用户与产品之间的粘合性的效果。

本公开实施例所提供的图像展示装置可执行本公开任意实施例所提供的图像展示方法，具备执行方法相应的功能模块和有益效果。

值得注意的是，上述装置所包括的各个单元和模块只是按照功能逻辑进行划分的，但并不局限于上述的划分，只要能够实现相应的功能即可；另外，各功能单元的具体名称也只是为了便于相互区分，并不用于限制本公开实施例的保护范围。

实施例六

图9为本公开实施例六所提供的一种电子设备结构示意图。下面参考图9，其示出了适于用来实现本公开实施例的电子设备(例如图9中的终端设备或服务器)500的结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图9示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。

如图9所示，电子设备500可以包括处理装置(例如中央处理器、图形处理器等)501，其可以根据存储在只读存储器(ROM)502中的程序或者从存储装置506加载到随机访问存储器(RAM)503中的程序而执行各种适当的动作和处理。在RAM 503中，还存储有电子设备500操作所需的各种程序和数据。处理装置501、ROM 502以及RAM 503通过总线504彼此相连。编辑/输出(I/O)接口505也连接至总线504。

通常，以下装置可以连接至I/O接口505：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的编辑装置506；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置507；包括例如磁带、硬盘等的存储装置506；以及通信装置509。通信装置509可以允许电子设备500与其他设备进行无线或有线通信以交换数据。虽然图9示出了具有各种装置的电子设备500，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。

特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在非暂态计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置509从网络上被下载和安装，或者从存储装置506被安装，或者从ROM 502被安装。在该计算机程序被处理装置501执行时，执行本公开实施例的方法中限定的上述功能。

本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。

本公开实施例提供的电子设备与上述实施例提供的视频图像展示方法属于同一发明构思，未在本实施例中详尽描述的技术细节可参见上述实施例，并且本实施例与上述实施例具有相同的有益效果。

实施例七

本公开实施例七提供了一种计算机存储介质，其上存储有计算机程序，该程序被处理器执行时实现上述实施例所提供的图像展示方法。

需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等等，或者上述的任意合适的组合。

在一些实施方式中，客户端、服务器可以利用诸如HTTP(HyperText TransferProtocol，超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信，并且可以与任意形式或介质的数字数据通信(例如，通信网络)互连。通信网络的示例包括局域网(“LAN”)，广域网(“WAN”)，网际网(例如，互联网)以及端对端网络(例如，ad hoc端对端网络)，以及任何当前已知或未来研发的网络。

上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。

上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：

响应于特效触发操作，将多个第一展示元素依据预设展示方式进行动态展示；

若至少一个第一展示元素与主体元素的相对展示信息为滞留展示时，将所述至少一个第一展示元素显示或堆叠显示在所述主体元素上；以及，

将所述相对展示信息为非滞留展示的第一展示元素，依据所述预设展示方式继续进行动态展示。

可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括但不限于面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，单元的名称在某种情况下并不构成对该单元本身的限定，例如，第一获取单元还可以被描述为“获取至少两个网际协议地址的单元”。

本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如，非限制性地，可以使用的示范类型的硬件逻辑部件包括：现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。

在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。

根据本公开的一个或多个实施例，【示例一】提供了一种图像展示方法，该方法包括：

响应于特效触发操作，将多个第一展示元素依据预设展示方式进行动态展示；

若至少一个第一展示元素与主体元素的相对展示信息为滞留展示时，将所述至少一个第一展示元素显示或堆叠显示在所述主体元素上；以及，

将所述相对展示信息为非滞留展示的第一展示元素，依据所述预设展示方式继续进行动态展示。

根据本公开的一个或多个实施例，【示例二】提供了一种图像展示方法，该方法，还包括：

可选的，

所述特效触发操作包括下述至少一种：

触发特效展示控件；

触发显示第一展示元素的特效道具；

检测到入镜画面中包括所述主体元素。

根据本公开的一个或多个实施例，【示例三】提供了一种图像展示方法，该方法，还包括：

可选的，确定预设展示方式，包括：

基于预先设置的各第一展示元素的初始位置、初始速度以及所述各第一展示元素的重力信息中的至少两项，确定所述预设展示方式。

根据本公开的一个或多个实施例，【示例四】提供了一种图像展示方法，该方法，还包括：

可选的，在所述若至少一个第一展示元素与主体元素的相对展示信息为滞留展示时，将所述至少一个第一展示元素显示或堆叠显示在所述主体元素上之前，还包括：

确定显示界面中的主体元素，并确定与所述主体元素相对应的线碰撞体和碰撞体信息；

基于所述碰撞体信息和各第一展示元素的当前显示信息，确定相对展示信息。

根据本公开的一个或多个实施例，【示例五】提供了一种图像展示方法，该方法，还包括：

可选的，所述确定与所述主体元素相对应的线碰撞体和碰撞体信息，包括：

确定与主体元素相对应的至少两个关键点；

根据所述至少两个关键点，确定线碰撞体，以及记录线碰撞体上相应关键点的点坐标信息，并将所述点坐标信息作为所述碰撞体信息；

其中，所述线碰撞体中包括至少一个碰撞线段，所述碰撞线段的两个端点对应于关键点。

根据本公开的一个或多个实施例，【示例六】提供了一种图像展示方法，该方法，还包括：

可选的，所述确定与主体元素相对应的至少两个关键点，包括：

若所述主体元素与显示界面中目标用户的各部位相对应，则基于关键点识别算法，确定各部位的至少三个关键点，以基于所述至少三个关键点构建线碰撞体。

根据本公开的一个或多个实施例，【示例七】提供了一种图像展示方法，该方法，还包括：

可选的，所述各部位包括面部中的各部位以及肢体躯干上的各部位中的至少一个。

根据本公开的一个或多个实施例，【示例八】提供了一种图像展示方法，该方法，还包括：

可选的，所述主体元素为面部中的眼睛部位，在所述若至少一个第一展示元素与主体元素的相对展示信息为滞留展示时，将所述至少一个第一展示元素堆叠在所述主体元素上之前，还包括：

若根据所述眼睛部位的关键点确定为闭合状态时，则确定不存在堆叠在眼睛部位的第一展示元素。

根据本公开的一个或多个实施例，【示例九】提供了一种图像展示方法，该方法，还包括：

可选的，所述基于所述线碰撞体信息和各第一展示元素的当前显示信息，确定相对展示信息，包括：

针对各第一展示元素，根据当前第一展示元素的位置信息，在所述线碰撞体上相应碰撞线段的法向量方向上的距离值，以及在所述法向量方向上的投影点是否与所述碰撞线段存在交点；其中，所述法向量方向是根据碰撞线段两个端点所对应的关键点信息确定的；

若所述距离值小于预设碰撞距离阈值，且存在所述交点，则确定所述当前第一展示元素与相应的线碰撞体的相对展示信息为滞留展示。

根据本公开的一个或多个实施例，【示例十】提供了一种图像展示方法，该方法，还包括：

可选的，所述将所述至少一个第一展示元素堆叠在所述主体元素上，包括：

将所述至少一个第一展示元素堆积在所述主体元素上。

根据本公开的一个或多个实施例，【示例十一】提供了一种图像展示方法，该方法，还包括：

可选的，若所述距离值大于所述预设碰撞距离阈值，或不存在所述交点，则确定所述当前第一展示元素与相应线碰撞体的相对展示信息为非滞留展示；

相应的，所述将所述相对展示信息为非滞留展示的第一展示元素，依据所述预设展示方式继续进行动态展示，包括：

将为非滞留展示的第一展示元素在前一视频帧基础上依据所述预设展示方式继续在展示界面中动态展示。

根据本公开的一个或多个实施例，【示例十二】提供了一种图像展示方法，该方法，还包括：

可选的，所述第一展示元素包括雪花元素、雨滴元素以及冰雹元素中的至少一种。

根据本公开的一个或多个实施例，【示例十三】提供了一种图像展示方法，该方法，还包括：

可选的，将为滞留展示的至少一个第一展示元素，作为待处理第一展示元素；

确定所述待处理第一展示元素与所述主体元素碰撞后的目标速度信息，以基于所述目标速度信息，确定各待处理第一展示元素在下一视频帧中的显示信息，以根据所述显示信息确定与所述主体元素的相对展示信息；

其中，所述显示信息包括显示位置信息。

根据本公开的一个或多个实施例，【示例十四】提供了一种图像展示方法，该方法，还包括：

可选的，所述确定所述待处理第一展示元素与所述主体元素碰撞后的目标速度信息，包括：

针对各待处理第一展示元素，根据当前待处理第一展示元素的运动速度和线碰撞体中相应碰撞线段的平均运动速度，确定所述待更新相对速度信息；其中，所述平均运动速度是根据碰撞线段两个端点在前一视频帧的位置信息和当前视频帧的位置信息确定的；

根据所述待更新相对速度信息，在所述线碰撞体法向量方向上的第一投影分量；

根据所述第一投影分量，对所述待更新相对速度信息进行更新，得到所述当前第一展示元素的待使用速度信息；

根据所述待使用速度信息，以及所述线碰撞体的平均运动速度，确定所述当前待处理第一展示元素的目标速度信息。

根据本公开的一个或多个实施例，【示例十五】提供了一种图像展示方法，该方法，还包括：

可选的，所述根据所述第一投影分量，对所述待更新相对速度信息进行更新，得到所述当前第一展示元素的待使用速度信息，包括：

若所述第一投影分量小于预设投影分量阈值，则确定所述待更新相对速度信息，在所述线碰撞体切向量方向上的第二投影分量；

若所述第二投影分量小于静摩擦临界速度，则确定所述待使用速度信息为第一预设相对速度；

其中，所述静摩擦临界速度是基于所述第一投影分量和静摩擦系数确定的。

根据本公开的一个或多个实施例，【示例十六】提供了一种图像展示方法，该方法，还包括：

可选的，若所述第二投影分量大于所述静摩擦临界速度，则根据所述静摩擦系数、所述第二投影分量和所述第一投影分量，更新所述待更新相对速度信息得到所述待使用速度信息。

根据本公开的一个或多个实施例，【示例十七】提供了一种图像展示方法，该方法，还包括：

可选的，所述根据所述第一投影分量，对所述待更新相对速度信息进行更新，得到所述当前第一展示元素的待使用速度信息，包括：

若所述第一投影分量大于预设投影分量阈值，则确定所述目标处理方式为将所述待更新相对速度信息作为待使用速度信息。

根据本公开的一个或多个实施例，【示例十八】提供了一种图像展示方法，该方法，还包括：

可选的，根据各待处理第一展示元素的目标速度信息，所属线碰撞体的法向量重力信息，确定下一视频帧中相应待处理第一展示元素的显示信息；以及，根据所述预设展示方式，确定非堆叠显示的各第一展示元素的显示信息；

根据所述显示信息，确定下一视频帧中各主体元素与第一展示元素的相对展示信息。

根据本公开的一个或多个实施例，【示例十九】提供了一种图像展示装置，该装置包括：

元素展示模块，用于响应于特效触发操作，将多个第一展示元素依据预设展示方式进行动态展示；

第一展示模块，用于若至少一个第一展示元素与主体元素的相对展示信息为滞留展示时，将所述至少一个第一展示元素显示或堆叠显示在所述主体元素上；以及，

将所述相对展示信息为非滞留展示的第一展示元素，依据所述预设展示方式继续进行动态展示。

以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本公开中所涉及的公开范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述公开构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

此外，虽然采用特定次序描绘了各操作，但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下，多任务和并行处理可能是有利的。同样地，虽然在上面论述中包含了若干具体实现细节，但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地，在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。

尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题，但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反，上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。

Claims (21)

1.一种图像展示方法，其特征在于，包括：

响应于特效触发操作，将多个第一展示元素依据预设展示方式进行动态展示；

若至少一个第一展示元素与主体元素的相对展示信息为滞留展示时，将所述至少一个第一展示元素显示或堆叠显示在所述主体元素上；以及，

将所述相对展示信息为非滞留展示的第一展示元素，依据所述预设展示方式继续进行动态展示。

2.根据权利要求1所述的方法，其特征在于，所述特效触发操作包括下述至少一种：

触发特效展示控件；

触发显示第一展示元素的特效道具；

检测到入镜画面中包括所述主体元素。

3.根据权利要求1所述的方法，其特征在于，确定预设展示方式，包括：

基于预先设置的各第一展示元素的初始位置、初始速度以及所述各第一展示元素的重力信息中的至少两项，确定所述预设展示方式。

4.根据权利要求1所述的方法，其特征在于，在所述若至少一个第一展示元素与主体元素的相对展示信息为滞留展示时，将所述至少一个第一展示元素显示或堆叠显示在所述主体元素上之前，还包括：

确定显示界面中的主体元素，并确定与所述主体元素相对应的线碰撞体，以及与所述线碰撞体相对应的碰撞体信息；

基于所述碰撞体信息和各第一展示元素的当前显示信息，确定相对展示信息。

5.根据权利要求4所述的方法，其特征在于，所述确定与所述主体元素相对应的线碰撞体，以及与所述线碰撞体相对应的碰撞体信息，包括：

确定与主体元素相对应的至少两个关键点；

根据所述至少两个关键点，确定线碰撞体，以及记录线碰撞体上相应关键点的点坐标信息，并将所述点坐标信息作为所述碰撞体信息；

其中，所述线碰撞体中包括至少一个碰撞线段，所述碰撞线段的两个端点对应于关键点。

6.根据权利要求5所述的方法，其特征在于，所述确定与主体元素相对应的至少两个关键点，包括：

若所述主体元素与显示界面中目标用户的各部位相对应，则基于关键点识别算法，确定各部位的至少三个关键点，以基于所述至少三个关键点构建线碰撞体。

7.根据权利要求6所述的方法，其特征在于，所述各部位包括面部中的各部位以及肢体躯干上的各部位中的至少一个。

8.根据权利要求1所述的方法，其特征在于，所述主体元素为面部中的眼睛部位，在所述若至少一个第一展示元素与主体元素的相对展示信息为滞留展示时，将所述至少一个第一展示元素堆叠在所述主体元素上之前，还包括：

若根据所述眼睛部位的关键点确定为闭合状态时，则确定不存在堆叠在眼睛部位的第一展示元素。

9.根据权利要求5所述的方法，其特征在于，所述基于所述线碰撞体信息和各第一展示元素的当前显示信息，确定相对展示信息，包括：

针对各第一展示元素，根据当前第一展示元素的位置信息，在所述线碰撞体上相应碰撞线段的法向量方向上的距离值，以及在所述法向量方向上的投影点是否与所述碰撞线段存在交点；其中，所述法向量方向是根据碰撞线段两个端点所对应的关键点信息确定的；

若所述距离值小于预设碰撞距离阈值，且存在所述交点，则确定所述当前第一展示元素与相应的线碰撞体的相对展示信息为滞留展示。

10.根据权利要求9所述的方法，其特征在于，所述将所述至少一个第一展示元素堆叠在所述主体元素上，包括：

将所述至少一个第一展示元素堆积在所述主体元素上。

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

若所述距离值大于所述预设碰撞距离阈值，或不存在所述交点，则确定所述当前第一展示元素与相应线碰撞体的相对展示信息为非滞留展示；

相应的，所述将所述相对展示信息为非滞留展示的第一展示元素，依据所述预设展示方式继续进行动态展示，包括：

将为非滞留展示的第一展示元素在前一视频帧基础上依据所述预设展示方式继续在展示界面中动态展示。

12.根据权利要求1-11中任一所述的方法，其特征在于，所述第一展示元素包括雪花元素、雨滴元素以及冰雹元素中的至少一种。

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

将为滞留展示的至少一个第一展示元素，作为待处理第一展示元素；

确定所述待处理第一展示元素与所述主体元素碰撞后的目标速度信息，以基于所述目标速度信息，确定各待处理第一展示元素在下一视频帧中的显示信息，以根据所述显示信息确定与所述主体元素的相对展示信息；

其中，所述显示信息包括显示位置信息。

14.根据权利要求13所述的方法，其特征在于，所述确定所述待处理第一展示元素与所述主体元素碰撞后的目标速度信息，包括：

针对各待处理第一展示元素，根据当前待处理第一展示元素的运动速度和线碰撞体中相应碰撞线段的平均运动速度，确定待更新相对速度信息；其中，所述平均运动速度是根据碰撞线段两个端点在前一视频帧的位置信息和当前视频帧的位置信息确定的；

根据所述待更新相对速度信息，在所述线碰撞体法向量方向上的第一投影分量；

根据所述第一投影分量，对所述待更新相对速度信息进行更新，得到所述当前第一展示元素的待使用速度信息；

根据所述待使用速度信息，以及所述线碰撞体的平均运动速度，确定所述当前待处理第一展示元素的目标速度信息。

15.根据权利要求14所述的方法，其特征在于，所述根据所述第一投影分量，对所述待更新相对速度信息进行更新，得到所述当前第一展示元素的待使用速度信息，包括：

若所述第一投影分量小于预设投影分量阈值，则确定所述待更新相对速度信息，在所述线碰撞体切向量方向上的第二投影分量；

若所述第二投影分量小于静摩擦临界速度，则确定所述待使用速度信息为第一预设相对速度；

其中，所述静摩擦临界速度是基于所述第一投影分量和静摩擦系数确定的。

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

若所述第二投影分量大于所述静摩擦临界速度，则根据所述静摩擦系数、所述第二投影分量和所述第一投影分量，更新所述待更新相对速度信息得到所述待使用速度信息。

17.根据权利要求15所述的方法，其特征在于，所述根据所述第一投影分量，对所述待更新相对速度信息进行更新，得到所述当前第一展示元素的待使用速度信息，包括：

若所述第一投影分量大于预设投影分量阈值，则确定所述目标处理方式为将所述待更新相对速度信息作为待使用速度信息。

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

根据各待处理第一展示元素的目标速度信息，所属线碰撞体的法向量重力信息，确定下一视频帧中相应待处理第一展示元素的显示信息；以及，根据所述预设展示方式，确定非堆叠显示的各第一展示元素的显示信息；

根据所述显示信息，确定下一视频帧中各主体元素与第一展示元素的相对展示信息。

19.一种图像展示装置，其特征在于，包括：

元素展示模块，用于响应于特效触发操作，将多个第一展示元素依据预设展示方式进行动态展示；

第一展示模块，用于若至少一个第一展示元素与主体元素的相对展示信息为滞留展示时，将所述至少一个第一展示元素显示或堆叠显示在所述主体元素上；以及，

将所述相对展示信息为非滞留展示的第一展示元素，依据所述预设展示方式继续进行动态展示。

20.一种电子设备，其特征在于，所述电子设备包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序，

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-18中任一所述的图像展示方法。

21.一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时用于执行如权利要求1-18中任一所述的图像展示方法。

Images