CN112685108B - 场景切换方法、装置、计算机设备以及可读存储介质 - Google Patents
场景切换方法、装置、计算机设备以及可读存储介质 Download PDFInfo
- Publication number
- CN112685108B CN112685108B CN201910996225.XA CN201910996225A CN112685108B CN 112685108 B CN112685108 B CN 112685108B CN 201910996225 A CN201910996225 A CN 201910996225A CN 112685108 B CN112685108 B CN 112685108B
- Authority
- CN
- China
- Prior art keywords
- image
- material image
- scene
- fixed
- variable material
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本申请实施例提供了一种场景切换方法、装置、计算机设备以及可读存储介质,该方法包括:在展示栏显示第一场景图像;第一场景图像包括固定素材图像与第一变动素材图像,固定素材图像携带固定像素点的目标坐标信息;响应针对第一场景图像的场景切换指令,根据场景切换指令和目标坐标信息确定第二变动素材图像的运动终点;基于固定素材图像与处于运动终点的第二变动素材图像在展示栏中显示第二场景图像;第二场景图像包括固定素材图像和第二变动素材图像。采用本申请实施例,可以丰富场景图像切换形式和展示形式。
Description
技术领域
本申请涉及互联网技术领域,尤其涉及一种场景切换方法、装置、计算机设备以及可读存储介质。
背景技术
在网络运营中,横幅(banner)图片是最常见的宣传图片,应用于应用程序首页或者频道首页等。
现有技术中,banner图片通常可以由底图与信息卡片组成,并在应用程序首页或者频道首页进行固定展示,或者以轮播的形式进行展示。banner图片中的展示内容均局限于信息卡片上,即banner图片的切换过程本质上是整个信息卡片的切换过程,该切换过程与通常浏览相册时切换照片的过程相似,因此,导致banner图片的切换形式和展示方式过于单一。
发明内容
本申请实施例提供一种场景切换方法、装置、计算机设备以及可读存储介质,可以丰富场景图像切换形式和展示形式。
本申请实施例一方面提供了一种场景切换方法,包括:
在展示栏显示第一场景图像;所述第一场景图像包括固定素材图像与第一变动素材图像,所述固定素材图像携带固定像素点的目标坐标信息;
响应针对第一场景图像的场景切换指令,根据所述场景切换指令和所述目标坐标信息确定第二变动素材图像的运动终点;
基于所述固定素材图像与处于所述运动终点的第二变动素材图像在所述展示栏中显示第二场景图像;所述第二场景图像包括所述固定素材图像和所述第二变动素材图像。
其中,所述展示栏还包括多个未显示的变动素材图像;
所述响应针对第一场景图像的场景切换指令,根据所述场景切换指令和所述目标坐标信息确定第二变动素材图像的运动终点,包括:
响应针对第一场景图像的场景切换指令,获取所述场景切换指令对应的操作行为数据;
根据所述操作行为数据确定所述第一变动素材图像对应的运动轨迹,基于所述运动轨迹的运动方向,从所述多个未显示的变动素材图像中确定第二变动素材图像;
根据所述第二变动素材图像对应的目标像素点和所述目标坐标信息,确定所述第二变动素材图像的所述运动终点。
其中,所述基于所述固定素材图像与处于所述运动终点的第二变动素材图像在所述展示栏中显示第二场景图像,包括:
在所述展示栏中,基于所述运动终点对所述第二变动素材图像进行滑动;
当检测到所述第二变动素材图像对应的目标像素点与所述运动终点重合时,将所述固定素材图像与处于所述运动终点的第二变动素材图像进行叠加,得到所述第二场景图像,并在所述展示栏中显示所述第二场景图像。
其中,所述基于所述固定素材图像与处于所述运动终点的第二变动素材图像进行叠加,得到所述第二场景图像,包括:
基于所述固定素材图像与所述第二变动素材图像在所述展示栏中分别对应的显示层,对所述固定素材图像与处于所述运动终点的第二变动素材图像进行叠加,得到待处理图像;所述第二变动素材图像所处的显示层与所述固定素材图像所处的显示层不同,所述第二变动素材图像所处的显示层与第一变动素材图像所处的显示层相同;
在所述待处理图像中对处于所述运动终点的第二变动素材图像的边界点进行平滑处理,得到所述待处理图像对应的所述第二场景图像。
其中,所述方法还包括:
当检测到针对所述第二变动素材图像的暂停行为时,获取所述目标像素点与所述运动终点之间的目标距离;
若所述目标距离大于或者等于距离阈值,则继续基于所述运动轨迹对所述第二变动素材图像进行滑动。
其中,所述第一场景图像和所述第二场景图像为业务应用中针对相同目标对象的不同展示图像,所述固定素材图像包括所述业务应用中的底图数据、底框数据以及所述目标对象,所述第一变动素材图像包括所述第一场景图像中除所述固定素材图像之外的素材内容,所述第二变动素材图像包括所述第二场景图像中除所述固定素材图像之外的素材内容。
其中,所述响应针对第一场景图像的场景切换指令,根据所述场景切换指令和所述目标坐标信息确定第二变动素材图像的运动终点,包括:
响应所述业务应用中针对所述第二变动素材图像的选择操作,根据所述目标坐标信息所述第二变动素材图像的运动终点;
则所述基于所述固定素材图像与处于所述运动终点的第二变动素材图像在所述展示栏中显示第二场景图像,包括:
将所述第一变动素材图像和所述第二变动素材图像进行透明化处理,在所述展示栏中基于所述运动终点对透明化处理后的第二变动素材图像进行滑动;
当检测到所述第二变动素材图像对应的目标像素点与所述运动终点重合时,恢复显示所述第二变动素材图像,并将所述固定素材图像与恢复显示后的第二变动素材图像进行叠加,得到所述第二场景图像,并在所述展示栏中显示所述第二场景图像。
其中,所述方法还包括:
在所述第一场景图像对应的所述展示栏中设置所述固定像素点;所述第一场景图像包括底图数据、底框数据、目标对象以及待展示数据,所述固定像素点用于指示所述第二变动素材图像的所述运动终点;
对所述第一场景图像进行拆分,将所述底图数据、所述底框数据以及所述目标对象确定为所述固定素材图像,将所述待展示数据确定为所述第一变动素材图像。
其中,所述方法还包括:
获取用户上传的用户数据,基于所述用户数据确定目标对象,将所述目标对象以及所述展示栏中的底图数据和底框数据,确定为所述第一场景图像中的所述固定素材图像,在所述展示栏中设置所述固定素材图像对应的固定像素点;所述固定像素点用于指示所述第二变动素材图像的所述运动终点;
从所述展示栏中获取与所述目标对象相匹配的待展示数据,将所述待展示数据确定为所述第一场景图像中的所述第一变动素材图像。
本申请实施例一方面提供了一种场景切换装置,包括:
显示模块,用于在展示栏显示第一场景图像;所述第一场景图像包括固定素材图像与第一变动素材图像,所述固定素材图像携带固定像素点的目标坐标信息;
运动终点确定模块,用于响应针对第一场景图像的场景切换指令,根据所述场景切换指令和所述目标坐标信息确定第二变动素材图像的运动终点;
切换模块,用于基于所述固定素材图像与处于所述运动终点的第二变动素材图像在所述展示栏中显示第二场景图像;所述第二场景图像包括所述固定素材图像和所述第二变动素材图像。
其中,所述展示栏还包括多个未显示的变动素材图像;
所述运动终点确定模块包括:
响应单元,用于响应针对第一场景图像的场景切换指令,获取所述场景切换指令对应的操作行为数据;
轨迹确定单元,用于根据所述操作行为数据确定所述第一变动素材图像对应的运动轨迹,基于所述运动轨迹的运动方向,从所述多个未显示的变动素材图像中确定第二变动素材图像;
终点确定单元,用于根据所述第二变动素材图像对应的目标像素点和所述目标坐标信息,确定所述第二变动素材图像的所述运动终点。
其中,所述切换模块包括:
滑动单元,用于在所述展示栏中,基于所述运动终点对所述第二变动素材图像进行滑动;
检测单元,用于当检测到所述第二变动素材图像对应的目标像素点与所述运动终点重合时,将所述固定素材图像与处于所述运动终点的第二变动素材图像进行叠加,得到所述第二场景图像,并在所述展示栏中显示所述第二场景图像。
其中,所述检测单元包括:
叠加子单元,用于基于所述固定素材图像与所述第二变动素材图像在所述展示栏中分别对应的显示层,对所述固定素材图像与处于所述运动终点的第二变动素材图像进行叠加,得到待处理图像;所述第二变动素材图像所处的显示层与所述固定素材图像所处的显示层不同,所述第二变动素材图像所处的显示层与第一变动素材图像所处的显示层相同;
平滑处理子单元,用于在所述待处理图像中对处于所述运动终点的第二变动素材图像的边界点进行平滑处理,得到所述待处理图像对应的所述第二场景图像。
其中,所述装置还包括:
距离获取模块,用于当检测到针对所述第二变动素材图像的暂停行为时,获取所述目标像素点与所述运动终点之间的目标距离;
距离判断模块,用于若所述目标距离大于或者等于距离阈值,则继续基于所述运动轨迹对所述第二变动素材图像进行滑动。
其中,所述第一场景图像和所述第二场景图像为业务应用中针对相同目标对象的不同展示图像,所述固定素材图像包括所述业务应用中的底图数据、底框数据以及所述目标对象,所述第一变动素材图像包括所述第一场景图像中除所述固定素材图像之外的素材内容,所述第二变动素材图像包括所述第二场景图像中除所述固定素材图像之外的素材内容。
其中,所述运动终点确定模块可以具体用于:
响应所述业务应用中针对所述第二变动素材图像的选择操作,根据所述目标坐标信息确定所述第二变动素材图像的运动终点;
则所述切换模块包括:
透明化处理单元,用于将所述第一变动素材图像和所述第二变动素材图像进行透明化处理,在所述展示栏中基于所述运动终点对透明化处理后的第二变动素材图像进行滑动;
恢复显示单元,用于当检测到所述第二变动素材图像对应的目标像素点与所述运动终点重合时,恢复显示所述第二变动素材图像,并将所述固定素材图像与恢复显示后的第二变动素材图像进行叠加,得到所述第二场景图像,并在所述展示栏中显示所述第二场景图像。
其中,所述装置还包括:
固定点设置模块,用于在所述第一场景图像对应的所述展示栏中设置所述固定像素点;所述第一场景图像包括底图数据、底框数据、目标对象以及待展示数据,所述固定像素点用于指示所述第二变动素材图像的所述运动终点;
拆分模块,用于对所述第一场景图像进行拆分,将所述底图数据、所述底框数据以及所述目标对象确定为所述固定素材图像,将所述待展示数据确定为所述第一变动素材图像。
其中,所述装置还包括:
固定素材确定模块,用于获取用户上传的用户数据,基于所述用户数据确定目标对象,将所述目标对象以及所述展示栏中的底图数据和底框数据,确定为所述第一场景图像中的所述固定素材图像,在所述展示栏中设置所述固定素材图像对应的固定像素点;所述固定像素点用于指示所述第二变动素材图像的所述运动终点;
变动素材确定模块,用于从所述展示栏中获取与所述目标对象相匹配的待展示数据,将所述待展示数据确定为所述第一场景图像中的所述第一变动素材图像。
本申请实施例一方面提供了一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,所述计算机程序被所述处理器执行时,使得所述处理器执行本申请实施例中一方面中所述方法的步骤。
本申请实施例一方面提供了一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,所述计算机程序包括程序指令,所述程序指令当被处理器执行时,执行如本申请实施例中一方面中所述方法的步骤。
本申请实施例可以在展示栏中显示第一场景图像,该第一场景图像包括固定素材图像与第一变动素材图像,固定素材图像携带固定像素点的目标坐标信息,进而可以响应针对第一场景图像的场景切换指令,根据场景切换指令和目标坐标信息确定第二变动素材图像的运动终点,进而基于运动终点对第二变动素材图像进行滑动,将展示栏中的第一场景图像切换显示为第二场景图像,第二场景图像包括固定素材图像与第二变动素材图像。可见,将展示栏中显示的场景图像拆分为固定素材图像与变动素材图像,不同的场景图像所包含的固定素材图像可以相同,而变动素材图像均不同,场景图像之间的切换过程即为包含不同信息的变动素材图像之间的切换过程,且变动素材图像是以固定素材图像中预先设置的固定像素点为定位点进行移动的,可以丰富场景图像切换形式和展示形式。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本申请实施例提供的一种横幅图片的切换场景示意图;
图2是本申请实施例提供的一种场景切换方法的流程示意图;
图3a-图3c是本申请实施例提供的一种场景图像显示形式的界面示意图;
图4是本申请实施例提供的一种场景切换的示意图;
图5是本申请实施例提供的另一种场景切换方法的流程示意图;
图6是本申请实施例提供的另一种场景切换的示意图;
图7是本申请实施例提供的一种场景切换装置的结构示意图;
图8是本申请实施例提供的一种计算机设备的结构示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
请参见图1,是本申请实施例提供的一种横幅图片的切换场景示意图。应用程序的首页或者频道首页(如移动终端的应用商店首页、装扮应用首页、电商应用首页以及网站首页等)中可以引入banner(横幅),在banner区域范围内可以对banner横幅图片进行显示切换。下面以将横幅图片应用在如图1所示的装扮应用首页中,并调用装扮应用客户端执行横幅图片切换过程为例,对本申请所提出的场景切换方案进行说明:如图1所示,装扮应用的首页可以包括用于显示横幅图片的展示栏10b以及为用户推荐的热门主题图片,展示栏10b中所显示的横幅图片可以包括头像装扮元素10c、用户头像10d、banner底图10e以及文案信息等。在装扮应用首页中,用户可以对展示栏10b中所显示的变动素材图像(此时的变动素材图像包括头像装扮元素10c以及头像装扮元素10c对应的文案信息“个性装扮美术馆-高贵风”)进行滑动,当用户在展示栏10b对应的终端界面区域进行滑动时,终端设备10a可以获取用户的滑动方向和滑动速度,并基于获取到的滑动方向和滑动速度,对展示栏10b中所显示的变动素材图像进行滑动,即将头像装扮元素10c与文案信息“个性装扮美术馆-高贵风”进行滑动。
应当理解,装扮应用对应的后台服务器可以将展示栏10b中所显示的完整横幅图片内容预先拆分为固定素材图像(可以包括用户头像10d、banner底图10e横幅图片样式以及文案信息“个性套装随心换”和“气泡+字体+挂件+背景”等)和变动素材图像,变动素材图像在展示栏10b中所处的显示层与固定素材图像在展示栏10b中所处的显示层不同,如变动素材图像在固定素材图像的层级上方或者下方,即固定素材图像不可以遮挡变动素材图像。用户在滑动展示栏10b中的横幅图片时,固定素材图像可以在终端设备10a的终端界面中保持静止不动,而变动素材图像可以随着用户的手势变化进行滑动。每一次滑动,当前横幅图片所包含的变动素材图像可以滑走,下一个变动素材图像可以代替滑走的变动素材图像与固定素材图像进行匹配,即停留在相对应的固定素材图像上,达到横幅图片切换匹配的效果。
当展示栏10b的横幅图片中的头像装扮元素10c与文案信息“个性装扮美术馆-高贵风”在终端界面中滑动后,终端设备10a可以获取下一个变动素材图像(包括头像装扮元素10f以及头像装扮元素10f对应的文案信息“个性装扮美术馆-可爱风”),并随着头像装扮元素10c与文案信息“个性装扮美术馆-高贵风”在终端界面中的滑动,显示头像装扮元素10f与文案信息“个性装扮美术馆-可爱风”。当头像装扮元素10f与文案信息“个性装扮美术馆-可爱风”滑动至展示栏10b中固定素材图像的目标位置上(此时的头像装扮元素10c与文案信息“个性装扮美术馆-高贵风”已经从终端界面的展示栏10b中滑走)时,将头像装扮元素10f与文案信息“个性装扮美术馆-可爱风”与展示栏10b中的固定素材图像进行匹配,得到新的横幅图片。其中,变动素材图像在固定素材图像的目标位置可以为预先设定的固定位置,也可以设定为非固定位置。当变动素材图像在固定素材图像的目标位置为非固定位置时,变动素材图像可以根据装扮应用后台服务器实时上传的位置坐标来确定目标位置。
其中,终端设备10a可以包括手机、平板电脑、笔记本电脑、掌上电脑、移动互联网设备(mobile internet device, MID)、可穿戴设备(例如智能手表、智能手环等)。
请参见图2,是本申请实施例提供的一种场景切换方法的流程示意图。如图2所示,该场景切换方法可以包括:
步骤S101,在展示栏显示第一场景图像;所述第一场景图像包括固定素材图像与第一变动素材图像,所述固定素材图像携带固定像素点的目标坐标信息;
具体的,在终端设备进入应用程序或者频道后,可以在应用程序或者频道页面的显示栏中显示第一场景图像。该第一场景图像可以包括固定素材图像与第一变动素材图像分别对应的素材内容,固定素材图像中可以携带固定像素点在展示栏中的目标坐标信息,固定像素点可以由应用程序或者频道对应的后台服务器进行预先设置。其中,应用程序或者频道包括但不限于游戏应用、个性装扮应用、电商应用、广告制作应用以及网站,展示栏中所显示的场景图像即为应用程序或者频道中需要进行展示的内容,例如,应用程序为游戏应用时,第一场景图像可以为该游戏应用中游戏虚拟人物的服装展示图像;应用程序为个性装扮应用时,第一场景图像可以为该个性装扮应用中的装扮套餐展示图像;应用程序为电商应用时,第一场景图像可以为该电商应用中的商品展示图像;应用程序为浏览器时,第一场景图像可以为网页中的广告图像;等等。
可以理解的是,在展示栏中显示第一场景图像之前,还需要应用程序或者频道的后台服务器在显示第一场景图像的展示栏中设置固定像素点,并对第一场景图像所包含的底图数据、底框数据、目标对象以及待展示数据进行拆分,将第一场景图像拆分为固定素材图像和第一变动素材图像。后台服务器可以在展示栏中预先设定针对第一场景图像的固定像素点,并获取该固定像素点在展示栏中的目标坐标信息,该固定像素点可以作为第一变动素材图像在展示栏中的定位点。后台服务器可以将展示栏中的底图数据、底框数据以及目标对象确定为第一场景图像中的固定素材图像,将展示栏中的待展示数据确定为第一场景图像中的第一变动素材图像。其中,底图数据和底框数据可以用于管理第一场景图像的大小、背景颜色、背景样式等,目标对象可以由后台服务器从应用程序或频道存储的用户信息(如基于该用户在应用程序或频道中的用户头像、个人偏好等信息)中提取出来的。以游戏应用为例,目标对象可以是指终端设备对应的用户在游戏应用中的游戏虚拟人物,则待展示数据可以为游戏应用中针对该游戏虚拟人物的任一服装图像(游戏应用中每个游戏虚拟人物均对应有多套服装);以电商应用为例,目标对象可以是指终端设备从该电商应用存储的头像照片中提取出来的用户头像(即去除背景信息后的头像照片),则待展示数据可以为电商应用中的衣物商品类图像等。
需要说明的是,对于展示栏中显示的所有场景图像,均需要执行固定像素点的确定操作以及场景图像的拆分操作,同一展示栏中所有场景图像的固定素材图像所包含的素材内容是相同的,也可以理解为同一展示栏中的所有场景图像的固定素材图像是相同的,只是固定素材图像中底图的颜色或者纹理可以根据场景图像中的变动素材图像进行自适应匹配。
可选的,在展示栏中显示第一场景图像之前,用户可以将用户数据上传至终端设备,进而终端设备可以将用户上传的用户数据发送给应用程序或者频道的后台服务器。后台服务器在接收到用户数据后,可以基于用户数据确定目标对象,进而将所述目标对象以及展示栏中的底图数据和底框数据确定为第一场景图像对应的固定素材图像,将展示栏中与用户数据相匹配的待展示数据确定为第一场景图像的第一变动素材图像。换言之,展示栏中每个场景图像所包含的底图数据、底框数据以及待展示数据均是预先设定好的,而目标对象则可以由用户实时上传的用户数据来确定。例如,以电商应用为例,终端设备进入电商应用后,用户可以将本人照片上传至电商应用对应的客户端,后台服务器可以从用户上传的照片中提取出该用户对象作为目标对象,与商品展示栏中的底图数据、底框数据一并构成固定素材图像,将电商应用中的衣物商品图像作为变动素材图像(包括第一变动素材图像和第二变动素材图像),后台服务器还可以为多个衣物商品图像进行编号,根据编号来确定每个衣物商品图像在商品展示栏中的展示顺序;以个性装扮应用为例,在进入个性装扮应用后,用户可以将待宣传标语上传至个性装扮应用对应的客户端,后台服务器可以将用户上传的待宣传标语直接作为目标对象,与装扮展示栏中的底图数据、底框数据一并构成固定素材图像,将个性装扮应用中的气泡样式、装扮元素等作为变动素材图像。
在本申请实施例中,对于场景图像的形状、样式以及规格均不做具体限定,场景图像可以为横向模式,也可以为纵向模式,还可以为不规则模式等,展示栏中场景图像的形状、样式以及规格均可以根据实际需要或创意进行预先定义。后台服务器可以基于设计者设置的参数确定场景图像的形状、样式、规格以及场景图像之间的切换方式等,场景图像的形状、样式以及规格也可以理解为终端界面中展示栏的形状、样式以及规格。请一并参见图3a-图3c,是本申请实施例提供的一种场景图像显示形式的界面示意图。如图3a所示,场景图像20a为横向模式下的图像,即场景图像20a的形状为横向的矩形形式;如图3b所示,场景图像20b为纵向模式下的图像,即场景图像20b的形状为纵向的矩形形式;如图3c所示,场景图像20c为不规则模式下的图像,即场景图像20c的形状为不规则图形。应当理解,对于不同的程序应用或频道,场景图像均可以为上述图3a-图3c中任一个所示的模式,如以个性装扮应用为例,个性装扮套餐展示图片(即场景图像)可以为横向模式、纵向模式以及不规则模式中的任一种。
步骤S102,响应针对第一场景图像的场景切换指令,根据所述场景切换指令和所述目标坐标信息确定第二变动素材图像的运动终点;
具体的,终端设备若检测到针对第一场景图像的场景切换指令,则可以响应该场景切换指令,基于目标坐标信息确定第二变动素材图像运动终点;此处的场景切换指令可以是由服务器检测到场景切换的触发条件后生成并下发至终端设备的,也可以是由终端设备检测到场景切换的触发条件后生成的,还可以是由终端设备检测到用户的场景切换操作生成的,在此不作具体限定。其中,场景切换的触发条件可以包括但不限于:第一场景图像的显示时长大于显示时长阈值,第一场景图像的使用期限大于期限阈值等等。
第二变动素材图像是指在响应场景切换指令后,待切换的场景图像中的变动素材图像,运动终点为待切换的场景图像中的变动素材图像在滑动过程中的定位点。若场景切换指令是由终端设备检测到用户的场景切换操作生成的,则第二变动素材图像运动终点的确定过程为:终端设备响应针对第一场景图像的场景切换指令,获取该场景切换指令对应的操作行为数据,根据操作行为数据可以确定第一变动素材图像对应的运动轨迹,基于运动轨迹的运动方向,从多个未显示的变动素材图像中确定第二变动素材图像,根据所述第二变动素材图像对应的目标像素点和所述目标坐标信息,确定第二变动素材图像的运动终点。换言之,用户可以对展示栏中的第一场景图像进行场景切换操作,如在展示栏所处的终端界面区域执行滑动操作,该滑动操作可以包括但不限于手势滑动、触控笔滑动、语音滑动(如“向左滑动”等),展示栏中的滑动方向可以由后台服务器进行预先设定,如水平方向上的滑动,或者竖直方向上的滑动等。终端设备在检测到用户的滑动操作后,可以获取该用户针对第一场景图像的操作行为数据,该操作行为数据可以包括用户滑动的方向和用户滑动的速度等信息;基于操作行为数据可以确定第一变动素材图像在展示栏中的运动轨迹,用户滑动的方向即为第一变动素材图像的运动轨迹的运动方向。在展示栏中还可以包括多个未显示的变动素材图像,终端设备可以根据运动轨迹的运动方向,从上述多个未显示的变动素材图像中确定第二变动素材图像,例如,用户在展示栏所处的终端界面区域向左滑动时,运动轨迹的运动方向为左侧方向,则第二变动素材图像为展示栏中位于第一变动素材图像左边未显示的变动素材图像;用户在展示栏所处的终端界面区域向右滑动时,运动轨迹的运动方向为右侧方向,则第二变动素材图像为展示栏中位于第一变动素材图像右边未显示的变动素材图像。终端设备在确定了第二变动素材图像后,可以根据第二变动素材图像对应的目标像素点和目标坐标信息确定第二变动素材图像的运动终点,其中,目标像素点可以是指第二变动素材图像中预先定义的像素点,如中心像素点,可以与目标坐标信息一同确定第二变动素材图像在展示栏中的目标位置。
步骤S103,基于所述固定素材图像与处于所述运动终点的第二变动素材图像在所述展示栏中显示第二场景图像;所述第二场景图像包括所述固定素材图像和所述第二变动素材图像。
具体的,终端设备可以基于运动终点确定第二变动素材图像在展示栏中的目标位置,当第二变动素材图像处于运动终点时,可以基于固定素材图像与处于运动终点的第二变动素材图像生成第二场景图像,并在展示栏中显示第二场景图像,实现由第一场景图像切换至第二场景图像的切换效果。第二场景图像可以包括固定素材图像与第二变动素材图像,即第一场景图像和第二场景图像中均包含固定素材图像对应的素材内容。
第一场景图像至第二场景图像的切换过程为:在展示栏中,终端设备响应场景切换指令,对展示栏中第一场景图像的第一变动素材图像进行滑动后,可以基于运动终点对第二变动素材图像进行滑动,且在展示栏中可以显示第二变动素材图像的滑动动画;当检测到第二变动素材图像对应的目标像素点与运动终点重合(即目标像素点在展示栏中的坐标信息与目标坐标信息一致)时,可以将固定素材图像与处于运动终点的第二变动素材图像进行叠加,得到第二场景图像,并在展示栏中显示该第二场景图像。
应当理解,所有变动素材图像在展示栏中的显示层与固定素材图像在展示栏中的显示层是不同的,且所有变动素材图像在展示栏中的显示层是相同的。当变动素材图像的显示层在固定素材图像的显示层的上方时,变动素材图像在展示栏中滑动并生成场景图像时,固定素材图像中的素材内容均不会遮挡变动素材图像中的素材图像;当变动素材图像的显示层在固定素材图像的显示层的下方时,变动素材图像在展示栏中滑动并生成场景图像时,固定素材图像可能会遮挡住变动素材图像中的部分素材内容,因此终端设备还可以对固定素材图像中的素材内容进行透明化处理,使得展示栏中可以显示变动素材图像中的素材内容。换言之,在展示栏中,固定素材图像中的元素内容不可遮挡变动素材图像中的素材内容。
可选的,当检测到第二变动素材图像对应的目标像素点与运动轨迹的运动终点重合时,终端设备可以基于固定素材图像和第二变动素材图像分别对应的显示层,对固定素材图像与第二变动素材图像进行叠加,得到待处理图像,并且可以对待处理图像中第二变动素材图像的边界点进行平滑处理,得到待处理图像对应的第二场景图像,使得第二场景图像在视觉上更自然。当然,对于待处理图像,固定素材图像中的底图数据可以自适应匹配第二变动素材图像所包含的素材内容对应的颜色、样式等,得到最终的第二场景图像。例如,第一场景图像中固定素材图像的底图颜色为蓝色,若第二变动素材图像中所包含的素材内容也为蓝色,则将固定素材图像与第二变动素材图像进行叠加后,固定素材图像的底图颜色可以自适应变换为与蓝色具有较大对比度的颜色,如白色、黑色等。
可选的,当场景切换指令是由终端设备检测到用户的场景切换操作生成,且检测到针对第二变动素材图像的暂停行为时,获取第二变动素材图像对应的目标像素点与运动终点之间的目标距离;若目标距离大于或者等于距离阈值,则继续基于运动轨迹对第二变动素材图像进行滑动,该暂停行为可以包括手势暂停行为、触控笔暂停行为等。当用户在展示栏所处的终端界面区域执行手势滑动操作时,第一场景中的第一变动素材图像与第二场景中的第二变动素材图像均可以基于用户手势进行滑动,在第二变动素材图像还没有滑动至运动终点时,用户松开滑动,则终端设备可以在检测到用户松开时,获取第二变动素材图像对应的目标像素点与运动终点之间的距离,当距离大于或者等于设定的阈值(如第一变动素材图像与第二变动素材图像之间距离的一半等)时,第一变动素材图像仍然可以基于运动轨迹继续进行滑动,直至目标像素点与运动终点重合;当距离小于设定的阈值时,第一变动素材图像与第二变动素材图像均可以返回至响应场景切换指令之前的状态,即回到展示栏中显示第一场景图像的状态。
本申请实施例可以在展示栏中显示第一场景图像,该第一场景图像包括固定素材图像与第一变动素材图像,固定素材图像携带固定像素点的目标坐标信息,进而可以响应针对第一场景图像的场景切换指令,根据场景切换指令和目标坐标信息确定第二变动素材图像的运动终点,进而基于运动终点对第二变动素材图像进行滑动,将展示栏中的第一场景图像切换显示为第二场景图像,第二场景图像包括固定素材图像与第二变动素材图像。可见,将展示栏中显示的场景图像拆分为固定素材图像与变动素材图像,不同的场景图像所包含的固定素材图像可以相同,而变动素材图像均不同,场景图像之间的切换过程即为包含不同信息的变动素材图像之间的切换过程,且变动素材图像是以固定素材图像中预先设置的固定像素点为定位点进行移动的,可以丰富场景图像切换形式和展示形式。
请参见图4,是本申请实施例提供的一种场景切换的示意图。以电商应用为例,对场景切换进行详细阐述:如图4所示,终端设备10a打开电商应用并进入电商应用的某商店时,可以在终端界面中显示展示栏30a,该展示栏30a中可以包括衣物展示图像30b(即第一场景图像)。在展示栏30a中显示衣物展示图像30b之前,电商应用的后台可以基于完整的衣物展示图像30b在展示栏30b中设定目标坐标信息,该目标坐标信息在衣物展示图像30b中对应的像素点称为固定像素点;基于目标坐标信息可以对衣物展示图像30b进行拆分,将衣物展示图像30b拆分为固定图像30c(即固定素材图像,在展示栏30a中是固定不变的)和衣物30d(即第一变动素材图像,在展示栏30a中是可以进行滑动的),并在固定图像30c中对目标坐标信息对应的固定像素点进行标记,该固定像素点可以作为衣物30d的定位点。对于电商应用展示栏30a中的多个衣物展示图像,均需要执行上述操作,当展示栏30a中还包括衣物展示图像30e时,电商应用的后台服务器同样可以基于上述目标坐标信息对衣物展示图像30e进行拆分,将衣物展示图像30e拆分为固定图像30c与衣物30f(即第二变动素材图像,与第一变动素材图像相邻),电商应用的后台服务器可以基于携带目标坐标信息的固定图像和多个衣物40f,在后台生成banner框30g,即banner框30g中可以包括固定图像30c、衣物30d以及衣物30f等,展示栏30a中的衣物展示图像30b是终端设备10a基于固定图像30c与衣服30d生成的。需要说明的是,展示栏30a中的所有衣物展示图像对应的固定图像可以是相同的,且固定图像可以基于用户上传的人物照片来确定,所有衣物展示图像中所包含的衣物对应的定位点可以为同一个固定像素点。
当用户在展示栏30a所处的终端界面区域执行场景切换操作,即执行滑动操作时,终端设备10a可以响应该用户的滑动操作,根据用户在终端界面中的滑动方向确定衣物展示图像30b中衣物30d的运动轨迹,并基于用户的滑动方向在展示栏30a中对衣物30d进行滑动,即衣物30d中的目标像素点1与固定像素点分离开来,并沿着用户滑动方向远离固定像素点(在完整的衣物展示图像30b中,衣物30d中的目标像素点1与固定像素点是重合的);当然,在衣物30d在展示栏30a中滑动的同时,终端设备10a可以获取衣物30f,同样根据用户在终端界面中的滑动方向在展示栏30a中对衣物30f进行滑动,即衣物30f中的目标像素点2沿着用户滑动的方向靠近固定像素点,直至衣物30f中的目标像素点2与固定像素点相重合,则停止滑动,并将展示栏30中显示的固定图像30c与衣物30f进行叠加,得到展示栏30a中的衣物展示图像30e。
将本申请实施例提出的场景切换方案引入电商应用中,用户可以直接将本人照片上传至电商应用对应的客户端,将用户个人照片与电商应用的衣物商品联系起来,并基于上传的用户照片确定用户的个人数据(如用户身形轮廓),将用户个人数据作为固定图像显示在展示栏中;通过滑动展示栏可以切换显示不同的衣物展示图像,即可以让用户更直观地看到自己在换上不同衣物商品之后的变化,进而可以提高衣物展示图像传递信息的效率,增强用户体验,从而提高衣物商品的销售转化。
请参见图5,是本申请实施例提供的另一种场景切换方法的流程示意图。本申请实施例中,第一场景图像和第二场景图像为业务应用中针对相同目标对象的不同展示图像,固定素材图像包括业务应用中的底图数据、底框数据以及目标对象,第一变动素材图像包括第一场景图像中除固定素材图像之外的素材内容,第二变动素材图像包括第二场景图像中除固定素材图像之外的素材内容。其中,业务应用可以包括运营类、游戏类、电商类以及广告类等应用,这里不做具体限定。如图5所示,以游戏类应用为例,对该场景切换方法进行具体说明:
步骤S201,在业务应用的展示栏中显示第一场景图像;所述第一场景图像包括固定素材图像与第一变动素材图像,所述固定素材图像携带固定像素点的目标坐标信息;
具体的,当业务应用为游戏应用时,终端设备可以获取该游戏应用登录用户的历史记录,根据历史记录确定该用户上次游戏使用的游戏虚拟人物以及该游戏虚拟人物对应的游戏皮肤(也称为游戏装饰图像),并将该游戏虚拟人物以及相应的游戏装饰图像确定为展示栏中的第一场景图像。此时的游戏虚拟人物即为第一场景图像中的目标对象,可以将游戏虚拟人物和游戏应用展示栏中的底图数据、底框数据确定为第一场景图像中的固定素材图像,游戏装饰图像即为第一场景图像中的第一变动素材图像。在游戏应用中,同一个游戏虚拟人物可以对应多个游戏皮肤,每个游戏皮肤使得游戏虚拟人物在游戏过程中具有不同的战斗能力,战斗能力越强,越有可能帮助用户在游戏过程中取得胜利。固定素材图像在展示栏中的位置是固定不变的,第一变动素材图像可以在展示栏中进行滑动,实现不同游戏皮肤的切换效果。
需要说明的是,在展示栏中显示第一场景图像之前,还需要游戏应用的后台服务器在第一场景图像中设置固定像素点,并获取该固定像素点在展示栏中的目标坐标信息,终端设备可以将展示栏中的底图数据、底框数据以及游戏虚拟人物确定为固定素材图像,将需要进行展示的游戏皮肤作为第一变动素材图像,第一变动素材图像在展示栏中可以进行滑动,即第一变动素材图像在展示栏中的位置可以发生改变,目标坐标信息可以作为第一变动素材图像在滑动过程中的定位点。对于游戏应用中针对游戏虚拟人物的所有场景图像(包括第一场景图像和第二场景图像),均需要设定固定像素点,并获取固定像素点在展示栏中的目标坐标信息,还可以将所有场景图像进行拆分,得到每个场景图像分别对应的固定素材图像和变动素材图像。对于同一个游戏虚拟人物对应的场景图像,其固定素材图像均相同。
步骤S202,响应所述业务应用中针对所述第二变动素材图像的选择操作,根据所述目标坐标信息确定所述第二变动素材图像对应的运动终点;
具体的,当业务应用为游戏应用时,在游戏应用的展示栏所在终端界面中,还可以显示多个游戏皮肤(即多个变动素材图像,该多个变动素材图像中可以包括第一场景图像中的第一变动素材图像和展示栏中未显示的变动素材图像),即在终端界面除展示栏所在区域之外的其余区域可以显示多个游戏皮肤。用户可以根据自身需求从多个游戏皮肤中选择任意一个游戏皮肤作为第二变动素材图像。当用户确定了所选的游戏皮肤后,终端设备可以响应该用户的选择操作,将用户所选的游戏皮肤作为第二变动素材图像,并基于目标坐标信息确定第二变动素材图像在展示栏中的运动终点。换言之,终端设备可以根据用户针对第二变动素材图像的选择操作生成针对第一场景图像的场景切换指令,进而基于目标坐标信息确定第二变动素材图像的运动终点。
步骤S203,将所述第一变动素材图像和所述第二变动素材图像进行透明化处理,在所述展示栏中基于所述运动终点对透明化处理后的第二变动素材图像进行滑动;
具体的,在确定了第二变动素材图像的运动终点后,终端设备可以将第一变动素材图像和第二变动素材图像进行透明化处理,并在展示栏中基于运动终点对透明化处理后的第二变动素材图像进行滑动。换言之,在响应用户针对第二变动素材图像的选择操作后,第一场景图像中的第一变动素材图像可以进行隐藏,即在展示栏中仅显示固定素材图像,并在展示栏中对第二变动素材图像进行滑动,只是无法在显示栏中显示第二变动素材图像,如可以在游戏应用的后台完成第二变动素材图像的滑动过程。
可选的,在游戏应用中,第二变动素材图像的滑动过程也可以在展示栏中进行显示,具体的滑动过程可以参见上述图2所对应实施例中对步骤S102的描述,这里不再进行赘述。
步骤S204,当检测到所述第二变动素材图像对应的目标像素点与所述运动终点重合时,恢复显示所述第二变动素材图像,并将所述固定素材图像与恢复显示后的第二变动素材图像进行叠加,得到所述第二场景图像,在所述展示栏中显示所述第二场景图像。
具体的,透明化处理后的第二变动素材图像在展示栏中进行滑动时,终端设备可以实时采集第二变动素材图像的位置信息,当检测到第二变动素材图像对应的目标像素点与运动终点重合,即第二变动素材图像在展示栏中的坐标信息与运动终点在展示栏中的坐标信息一致时,在展示栏中恢复显示第二变动素材图像,并将固定素材图像与恢复显示后的第二变动素材图像进行叠加,得到第二场景图像,并在展示栏中显示该第二场景图像。运动终点在展示栏中的坐标信息可以为固定素材图像中的目标坐标信息;也可以为后台实时上传的坐标信息,这里不做限定。
请一并参见图6,是本申请实施例提供的另一种场景切换的示意图。如图6所示,以游戏应用为例,终端设备10a进入游戏应用后,可以获取该游戏应用中针对登录账号的历史记录,进而获取该登录账号在上一次游戏中所使用的游戏虚拟人物,并将上一次使用的游戏虚拟人物皮肤信息作为第一场景图像40b,即第一场景图像40b可以包括游戏皮肤40c和游戏虚拟人物40f。在展示栏40a中显示第一场景图像40b之前,游戏应用的后台可以基于第一场景图像40b在展示栏40b中设定目标坐标信息,该目标坐标信息在第一场景图像40b中对应的像素点称为固定像素点,并在固定素材图像(包括游戏应用中的底图数据、底框数据和游戏虚拟人物40f)中对目标坐标信息对应的固定像素点进行标记,该固定像素点可以作为游戏皮肤40c的定位点。当然,该固定像素点可以作为其余游戏皮肤(如游戏皮肤40d)的定位点。
在游戏应用的展示栏40a中显示该第一场景图像40b,同时在展示栏40a所在终端界面上,还可以显示该游戏虚拟人物40f的所有游戏皮肤,如游戏皮肤40c以及游戏皮肤40d等。用户可以从终端界面显示的所有游戏皮肤中选择任一游戏皮肤作为第二变动素材图像(可以称为待切换的变动素材图像),如用户选择游戏皮肤40d作为待切换的变动素材图像,则终端设备10a可以响应该用户的选择操作,生成场景切换指令,并基于场景切换指令和目标坐标信息确定游戏皮肤40d的运动终点。终端设备10a可以在展示栏40a中对游戏皮肤40c和游戏皮肤40d进行透明化处理,即在响应该用户的选择操作后,可以在展示栏40a中隐藏游戏皮肤40c;终端设备10a在展示栏40a中基于运动终点对透明化处理后的游戏皮肤40d进行滑动(即在展示栏40a中不会显示游戏皮肤40d的滑动过程),当检测到游戏皮肤40d的目标像素点与固定素材图像中所标记的固定像素点重合时,终端设备10a可以在展示栏40a中恢复显示游戏皮肤40d,并将游戏虚拟人物40f和恢复显示后的游戏皮肤40d进行叠加,得到展示栏40a中第二场景图像40e。
将本申请实施例提出的场景切换方案引入游戏应用中,可以对游戏应用中游戏虚拟人物的游戏皮肤进行展示,并在展示栏中固定游戏虚拟人物,仅对游戏虚拟人物对应的游戏皮肤进行切换,使得banner图片之间的层级感更强烈,元素之间的联动更明显,更能突出游戏装扮图像的特性。
请参见图7,是本申请实施例提供的一种场景切换装置的结构示意图。如图7所示,该场景切换装置1可以包括:显示模块11,轨迹生成模块12,切换模块13;
显示模块11,用于在展示栏显示第一场景图像;所述第一场景图像包括固定素材图像与第一变动素材图像,所述固定素材图像携带固定像素点的目标坐标信息;
运动终点确定模块12,用于响应针对第一场景图像的场景切换指令,根据所述场景切换指令和所述目标坐标信息确定第二变动素材图像的运动终点;
切换模块13,用于基于所述固定素材图像与处于所述运动终点的第二变动素材图像在所述展示栏中显示第二场景图像;所述第二场景图像包括所述固定素材图像和所述第二变动素材图像。
其中,显示模块11,轨迹生成模块12,切换模块13的具体功能实现方式可以参见上述图2所对应实施例中的步骤S101-步骤S103,这里不再进行赘述。
请一并参见图7,所述场景切换装置1还可以包括:距离获取模块14,距离判断模块15,固定点设置模块16,拆分模块17,固定素材确定模块18,变动素材确定模块19;
距离获取模块14,用于当检测到针对所述第二变动素材图像的暂停行为时,获取所述目标像素点与所述运动终点之间的目标距离;
距离判断模块15,用于若所述目标距离大于或者等于距离阈值,则继续基于所述运动轨迹对所述第二变动素材图像进行滑动;
固定点设置模块16,用于在所述第一场景图像对应的所述展示栏中设置所述固定像素点;所述第一场景图像包括底图数据、底框数据、目标对象以及待展示数据,所述固定像素点用于指示所述第二变动素材图像的所述运动终点;
拆分模块17,用于对所述第一场景图像进行拆分,将所述底图数据、所述底框数据以及所述目标对象确定为所述固定素材图像,将所述待展示数据确定为所述第一变动素材图像;
固定素材确定模块18,用于获取用户上传的用户数据,基于所述用户数据确定目标对象,将所述目标对象以及所述展示栏中的底图数据和底框数据,确定为所述第一场景图像中的所述固定素材图像,在所述展示栏中设置所述固定素材图像对应的固定像素点;所述固定像素点用于指示所述第二变动素材图像的所述运动终点;
变动素材确定模块19,用于从所述展示栏中获取与所述目标对象相匹配的待展示数据,将所述待展示数据确定为所述第一场景图像中的所述第一变动素材图像。
其中,距离获取模块14,距离判断模块15,固定点设置模块16的具体功能实现方式可以参见上述图2所对应实施例中的步骤S103,固定点设置模块16,拆分模块17,固定素材确定模块18,变动素材确定模块19的具体功能实现方式可以参见上述图2所对应实施例中的步骤S101,这里不再进行赘述。其中,当固定点设置模块16,拆分模块17在执行相应操作时,固定素材确定模块18,变动素材确定模块19均暂停执行操作;当固定素材确定模块18,变动素材确定模块19在执行相应操作时,固定点设置模块16,拆分模块17均暂停执行操作。
请一并参见图7,所述展示栏还包括多个未显示的变动素材图像;
运动终点确定模块12可以包括:响应单元121,轨迹确定单元122,终点确定单元123;
响应单元121,用于响应针对第一场景图像的场景切换指令,获取所述场景切换指令对应的操作行为数据;
轨迹确定单元122,用于根据所述操作行为数据确定所述第一变动素材图像对应的运动轨迹,基于所述运动轨迹的运动方向,从所述多个未显示的变动素材图像中确定第二变动素材图像;
终点确定单元123,用于根据所述第二变动素材图像对应的目标像素点和所述目标坐标信息,确定所述第二变动素材图像的所述运动终点。
其中,响应单元121,轨迹确定单元122,终点确定单元123的具体功能实现方式可以参见上述图2所对应实施例中的步骤S102,这里不再进行赘述。
请一并参见图7,切换模块13可以包括:滑动单元131,检测单元132;
滑动单元131,用于在所述展示栏中,基于所述运动终点对所述第二变动素材图像进行滑动;
检测单元132,用于当检测到所述第二变动素材图像对应的目标像素点与所述运动终点重合时,将所述固定素材图像与处于所述运动终点的第二变动素材图像进行叠加,得到所述第二场景图像,并在所述展示栏中显示所述第二场景图像。
其中,滑动单元131,检测单元132的具体功能实现方式可以参见上述图2所对应实施例中的步骤S103,这里不再进行赘述。
请一并参见图7,所述第一场景图像和所述第二场景图像为业务应用中针对相同目标对象的不同展示图像,所述固定素材图像包括所述业务应用中的底图数据、底框数据以及所述目标对象,所述第一变动素材图像包括所述第一场景图像中除所述固定素材图像之外的素材内容,所述第二变动素材图像包括所述第二场景图像中除所述固定素材图像之外的素材内容;
运动终点确定模块12可以具体用于:
响应所述业务应用中针对所述第二变动素材图像的选择操作,根据所述目标坐标信息确定所述第二变动素材图像的运动终点;
则切换模块13可以包括:透明化处理单元133,恢复显示单元134;
透明化处理单元133,用于根据所述运动轨迹和所述固定像素点的目标坐标信息确定所述第二变动素材图像对应的运动终点,基于所述运动轨迹与所述运动终点,对所述第二变动素材图像进行隐藏滑动;
恢复显示单元134,用于当检测到所述第二变动素材图像对应的目标像素点与所述运动终点重合时,恢复显示所述第二变动素材图像,并将所述固定素材图像与恢复显示后的第二变动素材图像进行叠加,得到所述第二场景图像,并在所述展示栏中显示所述第二场景图像。
其中,透明化处理单元133,恢复显示单元134的具体功能实现方式可以参见上述图5所对应实施例中的步骤S203-步骤S204,这里不再进行赘述。
请一并参见图7,检测单元132可以包括:叠加子单元1321,平滑处理子单元1322;
叠加子单元1321,用于基于所述固定素材图像与所述第二变动素材图像在所述展示栏中分别对应的显示层,对所述固定素材图像与处于所述运动终点的第二变动素材图像进行叠加,得到待处理图像;所述第二变动素材图像所处的显示层与所述固定素材图像所处的显示层不同,所述第二变动素材图像所处的显示层与第一变动素材图像所处的显示层相同;
平滑处理子单元1322,用于在所述待处理图像中对处于所述运动终点的第二变动素材图像的边界点进行平滑处理,得到所述待处理图像对应的所述第二场景图像。
其中,叠加子单元1321,平滑处理子单元1322的具体功能实现方式可以参见上述图2所对应实施例中的步骤S102,这里不再进行赘述。
本申请实施例可以在展示栏中显示第一场景图像,该第一场景图像包括固定素材图像与第一变动素材图像,固定素材图像携带固定像素点的目标坐标信息,进而可以响应针对第一场景图像的场景切换指令,根据场景切换指令和目标坐标信息确定第二变动素材图像的运动终点,进而基于运动终点对第二变动素材图像进行滑动,将展示栏中的第一场景图像切换显示为第二场景图像,第二场景图像包括固定素材图像与第二变动素材图像。可见,将展示栏中显示的场景图像拆分为固定素材图像与变动素材图像,不同的场景图像所包含的固定素材图像可以相同,而变动素材图像均不同,场景图像之间的切换过程即为包含不同信息的变动素材图像之间的切换过程,且变动素材图像是以固定素材图像中预先设置的固定像素点为定位点进行移动的,可以丰富场景图像切换形式和展示形式。
请参见图8,是本申请实施例提供的一种计算机设备的结构示意图。如图8所示,该计算机设备1000可以包括:处理器1001,网络接口1004和存储器1005,此外,上述计算机设备1000还可以包括:用户接口1003,和至少一个通信总线1002。其中,通信总线1002用于实现这些组件之间的连接通信。其中,用户接口1003可以包括显示屏(Display)、键盘(Keyboard),可选用户接口1003还可以包括标准的有线接口、无线接口。网络接口1004可选的可以包括标准的有线接口、无线接口(如WI-FI接口)。存储器1004可以是高速RAM存储器,也可以是非不稳定的存储器(non-volatile memory),例如至少一个磁盘存储器。存储器1005可选的还可以是至少一个位于远离前述处理器1001的存储装置。如图8所示,作为一种计算机可读存储介质的存储器1005中可以包括操作系统、网络通信模块、用户接口模块以及设备控制应用程序。
在如图8所示的计算机设备1000中,网络接口1004可提供网络通讯功能;而用户接口1003主要用于为用户提供输入的接口;而处理器1001可以用于调用存储器1005中存储的设备控制应用程序,以实现:
在展示栏显示第一场景图像;所述第一场景图像包括固定素材图像与第一变动素材图像,所述固定素材图像携带固定像素点的目标坐标信息;
响应针对第一场景图像的场景切换指令,根据所述场景切换指令和所述目标坐标信息确定第二变动素材图像的运动终点;
基于所述固定素材图像与处于所述运动终点的第二变动素材图像在所述展示栏中显示第二场景图像;所述第二场景图像包括所述固定素材图像和所述第二变动素材图像。
应当理解,本申请实施例中所描述的计算机设备1000可执行前文图2、图5任一个所对应实施例中对所述场景切换方法的描述,也可执行前文图7所对应实施例中对所述场景切换装置1的描述,在此不再赘述。另外,对采用相同方法的有益效果描述,也不再进行赘述。
此外,这里需要指出的是:本申请实施例还提供了一种计算机可读存储介质,且所述计算机可读存储介质中存储有前文提及的场景切换装置1所执行的计算机程序,且所述计算机程序包括程序指令,当所述处理器执行所述程序指令时,能够执行前文图2、图5任一个所对应实施例中对所述场景切换方法的描述,因此,这里将不再进行赘述。另外,对采用相同方法的有益效果描述,也不再进行赘述。对于本申请所涉及的计算机可读存储介质实施例中未披露的技术细节,请参照本申请方法实施例的描述。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的程序可存储于一计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,所述的存储介质可为磁碟、光盘、只读存储存储器(Read-Only Memory,ROM)或随机存储存储器(Random AccessMemory,RAM)等。
以上所揭露的仅为本申请较佳实施例而已,当然不能以此来限定本申请之权利范围,因此依本申请权利要求所作的等同变化,仍属本申请所涵盖的范围。
Claims (11)
1.一种场景切换方法,其特征在于,包括:
在展示栏显示第一场景图像;所述第一场景图像包括固定素材图像与第一变动素材图像,所述固定素材图像携带固定像素点的目标坐标信息;
响应针对第一场景图像的场景切换指令,在所述展示栏中滑动所述第一变动素材图像和第二变动素材图像,根据所述场景切换指令和所述目标坐标信息确定所述第二变动素材图像的运动终点;所述第二变动素材图像为所述展示栏所包含的多个未显示的变动素材图像中的任一个,所述第一变动素材图像和所述多个未显示的变动素材图像在所述展示栏中的距离保持固定不变;
当所述第二变动素材图像滑动至所述运动终点时,将所述固定素材图像与处于所述运动终点的第二变动素材图像叠加为第二场景图像,在所述展示栏中显示所述第二场景图像。
2.根据权利要求1所述的方法,其特征在于,所述展示栏还包括多个未显示的变动素材图像;
所述响应针对第一场景图像的场景切换指令,在所述展示栏中滑动所述第一变动素材图像和第二变动素材图像,根据所述场景切换指令和所述目标坐标信息确定第二变动素材图像的运动终点,包括:
响应针对第一场景图像的场景切换指令,获取所述场景切换指令对应的操作行为数据;
根据所述操作行为数据确定所述第一变动素材图像对应的运动轨迹,基于所述运动轨迹的运动方向,从所述多个未显示的变动素材图像中确定第二变动素材图像;
基于所述运动轨迹,在所述展示栏中滑动所述第一变动素材图像和所述第二变动素材,根据所述第二变动素材图像对应的目标像素点和所述目标坐标信息,确定所述第二变动素材图像的所述运动终点。
3.根据权利要求1所述的方法,其特征在于,所述当所述第二变动素材图像滑动至所述运动终点时,将所述固定素材图像与处于所述运动终点的第二变动素材图像叠加为第二场景图像,包括:
当所述第二变动素材图像滑动至所述运动终点时,基于所述固定素材图像与所述第二变动素材图像在所述展示栏中分别对应的显示层,对所述固定素材图像与处于所述运动终点的第二变动素材图像进行叠加,得到待处理图像;所述第二变动素材图像所处的显示层与所述固定素材图像所处的显示层不同,所述第二变动素材图像所处的显示层与第一变动素材图像所处的显示层相同;
在所述待处理图像中对处于所述运动终点的第二变动素材图像的边界点进行平滑处理,得到所述待处理图像对应的所述第二场景图像。
4.根据权利要求2所述的方法,其特征在于,还包括:
当检测到针对所述第二变动素材图像的暂停行为时,获取所述目标像素点与所述运动终点之间的目标距离;
若所述目标距离大于或者等于距离阈值,则继续基于所述运动轨迹对所述第二变动素材图像进行滑动。
5.根据权利要求1所述的方法,其特征在于,所述第一场景图像和所述第二场景图像为业务应用中针对相同目标对象的不同展示图像,所述固定素材图像包括所述业务应用中的底图数据、底框数据以及所述目标对象,所述第一变动素材图像包括所述第一场景图像中除所述固定素材图像之外的素材内容,所述第二变动素材图像包括所述第二场景图像中除所述固定素材图像之外的素材内容。
6.根据权利要求5所述的方法,其特征在于,所述响应针对第一场景图像的场景切换指令,在所述展示栏中滑动所述第一变动素材图像和第二变动素材图像,根据所述场景切换指令和所述目标坐标信息确定所述第二变动素材图像的运动终点,包括:
响应所述业务应用中针对所述第二变动素材图像的选择操作,将所述第一变动素材图像和所述第二变动素材图像进行透明化处理,在所述展示栏中滑动透明化处理后的第二变动素材图像,根据所述目标坐标信息确定所述第二变动素材图像的运动终点;
则所述当所述第二变动素材图像滑动至所述运动终点时,将所述固定素材图像与处于所述运动终点的第二变动素材图像叠加为第二场景图像,在所述展示栏中显示所述第二场景图像,包括:
当检测到所述第二变动素材图像对应的目标像素点与所述运动终点重合时,恢复显示所述第二变动素材图像,并将所述固定素材图像与恢复显示后的第二变动素材图像进行叠加,得到所述第二场景图像,在所述展示栏中显示所述第二场景图像。
7.根据权利要求1所述的方法,其特征在于,还包括:
在所述第一场景图像对应的所述展示栏中设置所述固定像素点;所述第一场景图像包括底图数据、底框数据、目标对象以及待展示数据,所述固定像素点用于指示所述第二变动素材图像的所述运动终点;
对所述第一场景图像进行拆分,将所述底图数据、所述底框数据以及所述目标对象确定为所述固定素材图像,将所述待展示数据确定为所述第一变动素材图像。
8.根据权利要求1所述的方法,其特征在于,还包括:
获取用户上传的用户数据,基于所述用户数据确定目标对象,将所述目标对象以及所述展示栏中的底图数据和底框数据,确定为所述第一场景图像中的所述固定素材图像,在所述展示栏中设置所述固定素材图像对应的固定像素点;所述固定像素点用于指示所述第二变动素材图像的所述运动终点;
从所述展示栏中获取与所述目标对象相匹配的待展示数据,将所述待展示数据确定为所述第一场景图像中的所述第一变动素材图像。
9.一种场景切换装置,其特征在于,包括:
显示模块,用于在展示栏显示第一场景图像;所述第一场景图像包括固定素材图像与第一变动素材图像,所述固定素材图像携带固定像素点的目标坐标信息;
运动终点确定模块,用于响应针对第一场景图像的场景切换指令,在所述展示栏中滑动所述第一变动素材图像和第二变动素材图像,根据所述场景切换指令和所述目标坐标信息确定所述第二变动素材图像的运动终点;所述第二变动素材图像为所述展示栏所包含的多个未显示的变动素材图像中的任一个,所述第一变动素材图像和所述多个未显示的变动素材图像在所述展示栏中的距离保持固定不变;
切换模块,用于当所述第二变动素材图像滑动至所述运动终点时,将所述固定素材图像与处于所述运动终点的第二变动素材图像叠加为第二场景图像,在所述展示栏中显示所述第二场景图像。
10.一种计算机设备,其特征在于,包括存储器和处理器,所述存储器存储有计算机程序,所述计算机程序被所述处理器执行时,使得所述处理器执行如权利要求1至8中任一项所述方法的步骤。
11.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机程序,所述计算机程序包括程序指令,所述程序指令当被处理器执行时,执行如权利要求1至8中任一项所述方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910996225.XA CN112685108B (zh) | 2019-10-18 | 2019-10-18 | 场景切换方法、装置、计算机设备以及可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910996225.XA CN112685108B (zh) | 2019-10-18 | 2019-10-18 | 场景切换方法、装置、计算机设备以及可读存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112685108A CN112685108A (zh) | 2021-04-20 |
CN112685108B true CN112685108B (zh) | 2023-04-18 |
Family
ID=75445035
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910996225.XA Active CN112685108B (zh) | 2019-10-18 | 2019-10-18 | 场景切换方法、装置、计算机设备以及可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112685108B (zh) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
TWI832061B (zh) * | 2021-06-08 | 2024-02-11 | 宏正自動科技股份有限公司 | 影像控制裝置及影像控制方法 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1453719A (zh) * | 2002-04-28 | 2003-11-05 | 上海友讯网络资讯有限公司 | 可自由组合的虚拟形象虚拟场景的形成方法及其系统 |
CN101685531A (zh) * | 2008-09-27 | 2010-03-31 | 盛乐信息技术(上海)有限公司 | 计算机游戏界面的处理方法 |
CN103916432A (zh) * | 2013-01-04 | 2014-07-09 | 云联(北京)信息技术有限公司 | 一种基于云计算的游戏实现方法及系统 |
CN106779774A (zh) * | 2015-11-20 | 2017-05-31 | 英业达科技有限公司 | 虚拟试衣系统及虚拟试衣方法 |
CN106933439A (zh) * | 2015-12-29 | 2017-07-07 | 腾讯科技(深圳)有限公司 | 一种基于社交平台的图片处理方法及系统 |
CN108114467A (zh) * | 2018-02-01 | 2018-06-05 | 网易(杭州)网络有限公司 | 虚拟现实游戏场景的切换方法、装置、处理器及终端 |
-
2019
- 2019-10-18 CN CN201910996225.XA patent/CN112685108B/zh active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1453719A (zh) * | 2002-04-28 | 2003-11-05 | 上海友讯网络资讯有限公司 | 可自由组合的虚拟形象虚拟场景的形成方法及其系统 |
CN101685531A (zh) * | 2008-09-27 | 2010-03-31 | 盛乐信息技术(上海)有限公司 | 计算机游戏界面的处理方法 |
CN103916432A (zh) * | 2013-01-04 | 2014-07-09 | 云联(北京)信息技术有限公司 | 一种基于云计算的游戏实现方法及系统 |
CN106779774A (zh) * | 2015-11-20 | 2017-05-31 | 英业达科技有限公司 | 虚拟试衣系统及虚拟试衣方法 |
CN106933439A (zh) * | 2015-12-29 | 2017-07-07 | 腾讯科技(深圳)有限公司 | 一种基于社交平台的图片处理方法及系统 |
CN108114467A (zh) * | 2018-02-01 | 2018-06-05 | 网易(杭州)网络有限公司 | 虚拟现实游戏场景的切换方法、装置、处理器及终端 |
Also Published As
Publication number | Publication date |
---|---|
CN112685108A (zh) | 2021-04-20 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11798201B2 (en) | Mirroring device with whole-body outfits | |
CN106803057B (zh) | 图像信息处理方法及装置 | |
US10360715B2 (en) | Storage medium, information-processing device, information-processing system, and avatar generating method | |
US11670059B2 (en) | Controlling interactive fashion based on body gestures | |
US20220100265A1 (en) | Dynamic configuration of user interface layouts and inputs for extended reality systems | |
US10186084B2 (en) | Image processing to enhance variety of displayable augmented reality objects | |
US11900506B2 (en) | Controlling interactive fashion based on facial expressions | |
US11983826B2 (en) | 3D upper garment tracking | |
CN106445131B (zh) | 虚拟目标操作方法和装置 | |
CN111640197A (zh) | 一种增强现实ar特效控制方法、装置及设备 | |
US20240070766A1 (en) | Personalized try-on ads | |
CN104281864A (zh) | 一种生成二维码的方法与设备 | |
CN111862116A (zh) | 动漫人像的生成方法及装置、存储介质、计算机设备 | |
CN111429543B (zh) | 一种素材生成方法、装置、电子设备及介质 | |
US10120539B2 (en) | Method and device for setting user interface | |
CN112685108B (zh) | 场景切换方法、装置、计算机设备以及可读存储介质 | |
JP6661780B2 (ja) | 顔モデル編集方法及び装置 | |
CN112083863A (zh) | 图像处理方法、装置、电子设备及可读存储介质 | |
CN105892663A (zh) | 一种信息处理方法及电子设备 | |
KR102287357B1 (ko) | 이미지 내의 인물 객체를 분석하여 광고 배너를 자동으로 생성하는 방법 및 장치 | |
KR20210047216A (ko) | Vr 컨텐츠 제작 장치, 시스템 및 그 방법 | |
CN111627118A (zh) | 景物画像的展示方法、展示装置、电子设备及存储介质 | |
CN110147511B (zh) | 一种页面处理方法、装置、电子设备及介质 | |
CN112270163B (zh) | 一种文本生成方法及装置、存储介质 | |
CN117522523A (zh) | 商品展示图生成方法、装置、设备及存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
REG | Reference to a national code |
Ref country code: HK Ref legal event code: DE Ref document number: 40041971 Country of ref document: HK |
|
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |