CN112099713B - 一种虚拟元素的展示方法以及相关装置 - Google Patents

一种虚拟元素的展示方法以及相关装置 Download PDF

Info

Publication number
CN112099713B
CN112099713B CN202010989042.8A CN202010989042A CN112099713B CN 112099713 B CN112099713 B CN 112099713B CN 202010989042 A CN202010989042 A CN 202010989042A CN 112099713 B CN112099713 B CN 112099713B
Authority
CN
China
Prior art keywords
target
virtual element
interface
interactive
virtual
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
Application number
CN202010989042.8A
Other languages
English (en)
Other versions
CN112099713A (zh
Inventor
叶金添
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN202010989042.8A priority Critical patent/CN112099713B/zh
Publication of CN112099713A publication Critical patent/CN112099713A/zh
Application granted granted Critical
Publication of CN112099713B publication Critical patent/CN112099713B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/70—Information retrieval; Database structures therefor; File system structures therefor of video data
    • G06F16/74—Browsing; Visualisation therefor
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00—Commerce
    • G06Q30/02—Marketing; Price estimation or determination; Fundraising
    • G06Q30/0241—Advertisements

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Business, Economics & Management (AREA)
  • Accounting & Taxation (AREA)
  • Multimedia (AREA)
  • Development Economics (AREA)
  • Finance (AREA)
  • Strategic Management (AREA)
  • Databases & Information Systems (AREA)
  • Data Mining & Analysis (AREA)
  • Entrepreneurship & Innovation (AREA)
  • Game Theory and Decision Science (AREA)
  • Economics (AREA)
  • Marketing (AREA)
  • General Business, Economics & Management (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请公开了一种虚拟元素的展示方法以及相关装置。通过响应于目标界面中的目标操作，执行包含第一虚拟元素和第二虚拟元素进行相对位移的交互事件；然后监测第一虚拟元素和第二虚拟元素在相对位移过程中的相对位置关系；当相对位置关系满足触发条件时，则在交互界面中展示目标事件的执行过程。从而虚拟元素的互动展示过程，由于虚拟元素之间的位置关系为动态的，可以反映虚拟元素之间的互动关系，且通过目标事件的展示，使得互动关系更加清楚，提高了虚拟元素展示的全面性以及准确性。

Description

一种虚拟元素的展示方法以及相关装置
技术领域
本申请涉及计算机技术领域，尤其涉及一种虚拟元素的展示方法以及相关装置。
背景技术
随着互联网技术的迅速发展，越来越多的媒体内容出现在人们的终端界面中，如何在有限的界面中进行虚拟元素的展示成为难题。
一般，虚拟元素的展示采用静态的图片进行，通过对图片的配置达到突出虚拟元素的目的。
但是，在一些场景中，多个虚拟元素之间存在交互的关系，例如互动叙事作品的广告图，采用的是静态图片的方案，从而无法体现出互动叙事作品特有的互动体验，影响虚拟元素展示的全面性以及准确性。
发明内容
有鉴于此，本申请提供一种虚拟元素的展示方法，可以有效提高虚拟元素展示的全面性以及准确性。
本申请第一方面提供一种虚拟元素的展示方法，可以应用于终端设备中包含虚拟元素的展示功能的***或程序中，具体包括：
响应于目标界面中的目标操作，执行包含第一虚拟元素和第二虚拟元素的交互事件，所述交互事件用于指示所述第一虚拟元素和所述第二虚拟元素在交互界面中进行相对位移，所述目标界面包含所述交互界面；
监测所述第一虚拟元素和所述第二虚拟元素在所述相对位移过程中的相对位置关系；
若所述相对位置关系满足触发条件，则在所述交互界面中展示目标事件的执行过程。
可选的，在本申请一些可能的实现方式中，所述响应于目标界面中的目标操作，执行包含第一虚拟元素和第二虚拟元素的交互事件，包括：
确定所述第一虚拟元素对应的第一图层和所述第二虚拟元素对应的第二图层；
响应于所述目标界面中的所述目标操作，基于所述第一图层和所述第二图层执行所述交互事件。
可选的，在本申请一些可能的实现方式中，所述响应于所述目标界面中的所述目标操作，基于所述第一图层和所述第二图层执行所述交互事件，包括：
获取所述目标界面中所述目标操作的操作起点，以触发所述第一图层和所述第二图层进行所述交互事件指示的相对位移；
获取所述目标界面中所述目标操作的操作终点，以触发所述第一图层和所述第二图层停止所述相对位移。
可选的，在本申请一些可能的实现方式中，所述响应于所述目标界面中的所述目标操作，基于所述第一图层和所述第二图层执行所述交互事件，包括：
响应于所述目标界面中的所述目标操作，确定所述目标操作对应的操作位移距离；
基于所述操作位移距离确定所述第一图层和所述第二图层对应的图层位移距离，以执行所述交互事件。
可选的，在本申请一些可能的实现方式中，所述响应于所述目标界面中的所述目标操作，基于所述第一图层和所述第二图层执行所述交互事件，包括：
响应于所述目标界面中的所述目标操作，确定所述第一图层和所述第二图层在所述交互界面中的展示元素；
基于所述展示元素执行所述交互事件。
可选的，在本申请一些可能的实现方式中，所述响应于目标界面中的目标操作，执行包含第一虚拟元素和第二虚拟元素的交互事件，包括：
响应于所述目标界面中的所述目标操作，调用目标视频，所述目标视频用于指示所述第一虚拟元素和所述第二虚拟元素进行相对位移的过程，所述目标视频基于所述交互界面播放；
基于所述目标视频的播放，执行所述交互事件。
可选的，在本申请一些可能的实现方式中，所述基于所述目标视频的播放，执行所述交互事件，包括：
确定所述目标视频的播放进度条；
根据所述目标操作在目标方向上的操作分量调控所述播放进度条，以执行所述交互事件。
可选的，在本申请一些可能的实现方式中，所述方法还包括：
获取所述目标视频的目标帧图像；
基于所述目标帧图像对所述交互界面的初始状态进行更新。
可选的，在本申请一些可能的实现方式中，所述若所述相对位置关系满足触发条件，则在所述交互界面中展示目标事件的执行过程，包括：
确定所述第一虚拟元素中的关键元素和所述第二虚拟元素中的关键元素；
若所述相对位置关系指示所述第一虚拟元素中的关键元素和所述第二虚拟元素中的关键元素之间的距离小于预设值，则在所述交互界面中触发所述目标事件的执行。
可选的，在本申请一些可能的实现方式中，所述在所述交互界面中触发所述目标事件的执行，包括：
调用所述目标事件对应的跳转虚拟元素，所述跳转虚拟元素用于指示目标媒体内容在所述目标界面中的展示；
截取所述第一虚拟元素中的关键元素和所述第二虚拟元素中的关键元素之间的距离等于所述预设值时的界面显示；
在所述交互界面中以所述界面显示为背景进行所述跳转虚拟元素的展示。
可选的，在本申请一些可能的实现方式中，其特征在于，所述方法还包括：
响应于所述目标界面中的回滚操作，将所述交互事件倒序执行，所述回滚操作与所述目标操作的操作方向相反。
可选的，在本申请一些可能的实现方式中，所述目标界面为媒体内容显示界面，所述目标操作为下滑操作，所述交互界面为广告展示框，所述第一虚拟元素和第二虚拟元素为所述广告展示框中的广告素材，所述目标事件为广告视频的播放。
本申请第二方面提供一种虚拟元素的展示装置，包括：响应单元，用于响应于目标界面中的目标操作，执行包含第一虚拟元素和第二虚拟元素的交互事件，所述交互事件用于指示所述第一虚拟元素和所述第二虚拟元素在交互界面中进行相对位移，所述目标界面包含所述交互界面；
监测单元，用于监测所述第一虚拟元素和所述第二虚拟元素在所述相对位移过程中的相对位置关系；
展示单元，用于若所述相对位置关系满足触发条件，则在所述交互界面中展示目标事件的执行过程。
可选的，在本申请一些可能的实现方式中，所述响应单元，具体用于确定所述第一虚拟元素对应的第一图层和所述第二虚拟元素对应的第二图层；
所述响应单元，具体用于响应于所述目标界面中的所述目标操作，基于所述第一图层和所述第二图层执行所述交互事件。
可选的，在本申请一些可能的实现方式中，所述响应单元，具体用于获取所述目标界面中所述目标操作的操作起点，以触发所述第一图层和所述第二图层进行所述交互事件指示的相对位移；
所述响应单元，具体用于获取所述目标界面中所述目标操作的操作终点，以触发所述第一图层和所述第二图层停止所述相对位移。
可选的，在本申请一些可能的实现方式中，所述响应单元，具体用于响应于所述目标界面中的所述目标操作，确定所述目标操作对应的操作位移距离；
所述响应单元，具体用于基于所述操作位移距离确定所述第一图层和所述第二图层对应的图层位移距离，以执行所述交互事件。
可选的，在本申请一些可能的实现方式中，所述响应单元，具体用于响应于所述目标界面中的所述目标操作，确定所述第一图层和所述第二图层在所述交互界面中的展示元素；
所述响应单元，具体用于基于所述展示元素执行所述交互事件。
可选的，在本申请一些可能的实现方式中，所述响应单元，具体用于响应于所述目标界面中的所述目标操作，调用目标视频，所述目标视频用于指示所述第一虚拟元素和所述第二虚拟元素进行相对位移的过程，所述目标视频基于所述交互界面播放；
所述响应单元，具体用于基于所述目标视频的播放，执行所述交互事件。
可选的，在本申请一些可能的实现方式中，所述响应单元，具体用于确定所述目标视频的播放进度条；
所述响应单元，具体用于根据所述目标操作在目标方向上的操作分量调控所述播放进度条，以执行所述交互事件。
可选的，在本申请一些可能的实现方式中，所述响应单元，具体用于获取所述目标视频的目标帧图像；
所述响应单元，具体用于基于所述目标帧图像对所述交互界面的初始状态进行更新。
可选的，在本申请一些可能的实现方式中，所述展示单元，具体用于确定所述第一虚拟元素中的关键元素和所述第二虚拟元素中的关键元素；
所述展示单元，具体用于若所述相对位置关系指示所述第一虚拟元素中的关键元素和所述第二虚拟元素中的关键元素之间的距离小于预设值，则在所述交互界面中触发所述目标事件的执行。
可选的，在本申请一些可能的实现方式中，所述展示单元，具体用于调用所述目标事件对应的跳转虚拟元素，所述跳转虚拟元素用于指示目标媒体内容在所述目标界面中的展示；
所述展示单元，具体用于截取所述第一虚拟元素中的关键元素和所述第二虚拟元素中的关键元素之间的距离等于所述预设值时的界面显示；
所述展示单元，具体用于在所述交互界面中以所述界面显示为背景进行所述跳转虚拟元素的展示。
可选的，在本申请一些可能的实现方式中，其特征在于，所述响应单元，具体用于响应于所述目标界面中的回滚操作，将所述交互事件倒序执行，所述回滚操作与所述目标操作的操作方向相反。
本申请第三方面提供一种计算机设备，包括：存储器、处理器以及总线***；所述存储器用于存储程序代码；所述处理器用于根据所述程序代码中的指令执行上述第一方面或第一方面任一项所述的虚拟元素的展示方法。
本申请第四方面提供一种计算机可读存储介质，所述计算机可读存储介质中存储有指令，当其在计算机上运行时，使得计算机执行上述第一方面或第一方面任一项所述的虚拟元素的展示方法。
根据本申请的一个方面，提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述第一方面或者第一方面的各种可选实现方式中提供的虚拟元素的展示方法。
从以上技术方案可以看出，本申请实施例具有以下优点：
通过响应于目标界面中的目标操作，执行包含第一虚拟元素和第二虚拟元素的交互事件，其中，交互事件用于指示第一虚拟元素和第二虚拟元素在交互界面中进行相对位移，目标界面包含交互界面；然后监测第一虚拟元素和第二虚拟元素在相对位移过程中的相对位置关系；当相对位置关系满足触发条件时，则在交互界面中展示目标事件的执行过程。从而虚拟元素的互动展示过程，由于虚拟元素之间的位置关系为动态的，可以反映虚拟元素之间的互动关系，且通过目标事件的展示，使得互动关系更加清楚，提高了虚拟元素展示的全面性以及准确性。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。
图1为虚拟元素的展示***运行的网络架构图；
图2为本申请实施例提供的一种虚拟元素的展示的流程架构图；
图3为本申请实施例提供的一种虚拟元素的展示方法的流程图；
图4为本申请实施例提供的一种虚拟元素的展示方法的场景示意图；
图5为本申请实施例提供的另一种虚拟元素的展示方法的场景示意图；
图6为本申请实施例提供的另一种虚拟元素的展示方法的场景示意图；
图7为本申请实施例提供的另一种虚拟元素的展示方法的场景示意图；
图8为本申请实施例提供的另一种虚拟元素的展示方法的流程图；
图9为本申请实施例提供的另一种虚拟元素的展示方法的场景示意图；
图10为本申请实施例提供的另一种虚拟元素的展示方法的场景示意图；
图11为本申请实施例提供的一种虚拟元素的展示装置的结构示意图；
图12为本申请实施例提供的一种终端设备的结构示意图；
图13为本申请实施例提供的一种服务器的结构示意图。
具体实施方式
本申请实施例提供了一种虚拟元素的展示方法以及相关装置，可以应用于终端设备中包含虚拟元素的展示功能的***或程序中，通过响应于目标界面中的目标操作，执行包含第一虚拟元素和第二虚拟元素的交互事件，其中，交互事件用于指示第一虚拟元素和第二虚拟元素在交互界面中进行相对位移，目标界面包含交互界面；进一步的监测第一虚拟元素和第二虚拟元素在相对位移过程中的相对位置关系；当相对位置关系满足触发条件时，则在交互界面中展示目标事件的执行过程。从而虚拟元素的互动展示过程，由于虚拟元素之间的位置关系为动态的，可以反映虚拟元素之间的互动关系，且通过目标事件的展示，使得互动关系更加清楚，提高了虚拟元素展示的全面性以及准确性。
本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”、“第四”等(如果存在)是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例例如能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“对应于”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、***、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
首先，对本申请实施例中可能出现的一些名词进行解释。
互动叙事作品：用户可以根据自己的喜好和推理，与作品进行互动(一般的互动形式是选项)，从而推进多条剧情线的发展，甚至产生多样化的结局。互动叙事作品的载体可以是文字、图片和视频等。
互动叙事平台：汇集各种互动叙事作品的平台类产品，不同的互动叙事作品在该平台上展示。
应理解，本申请提供的虚拟元素的展示方法可以应用于终端设备中包含虚拟元素的展示功能的***或程序中，例如互动叙事平台，具体的，虚拟元素的展示***可以运行于如图1所示的网络架构中，如图1所示，是虚拟元素的展示***运行的网络架构图，如图可知，虚拟元素的展示***可以提供与多个信息源的虚拟元素的展示过程，即通过终端侧对于虚拟元素的触发操作进行目标事件的触发，从而从服务器调用目标事件的相关数据，以使得终端设备进行展示；可以理解的是，图1中示出了多种终端设备，终端设备可以为计算机设备，在实际场景中可以有更多或更少种类的终端设备参与到虚拟元素的展示的过程中，具体数量和种类因实际场景而定，此处不做限定，另外，图1中示出了一个服务器，但在实际场景中，也可以有多个服务器的参与，特别是在多个推荐平台交互的场景中，具体服务器数量因实际场景而定。
本实施例中，服务器可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式***，还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、CDN、以及大数据和人工智能平台等基础云计算服务的云服务器。终端可以是智能手机、平板电脑、笔记本电脑、台式计算机、智能音箱、智能手表等，但并不局限于此。终端以及服务器可以通过有线或无线通信方式进行直接或间接地连接，终端以及服务器可以连接组成区块链网络，本申请在此不做限制。
可以理解的是，上述虚拟元素的展示***可以运行于个人移动终端，例如：作为互动叙事平台这样的应用，也可以运行于服务器，还可以作为运行于第三方设备以提供虚拟元素的展示，以得到信息源的虚拟元素的展示处理结果；具体的虚拟元素的展示***可以是以一种程序的形式在上述设备中运行，也可以作为上述设备中的***部件进行运行，还可以作为云端服务程序的一种，具体运作模式因实际场景而定，此处不做限定。
随着互联网技术的迅速发展，越来越多的媒体内容出现在人们的终端界面中，如何在有限的界面中进行虚拟元素的展示成为难题。
一般，虚拟元素的展示采用静态的图片进行，通过对图片的配置达到突出虚拟元素的目的。
但是，在一些场景中，多个虚拟元素之间存在交互的关系，例如互动叙事作品的广告图，采用的是静态图片的方案，从而无法体现出互动叙事作品特有的互动体验，影响虚拟元素展示的全面性以及准确性。
为了解决上述问题，本申请提出了一种虚拟元素的展示方法，该方法应用于图2所示的虚拟元素的展示的流程框架中，如图2所示，为本申请实施例提供的一种虚拟元素的展示的流程架构图，用户通过界面层进行目标界面的滑动操作(目标操作)，从而显示不同的界面内容，对应的，应用层中对界面内容中包含的第一虚拟元素和第二虚拟元素之间的相对位移进行监测，以触发目标事件的展示，从而达到突出展示的效果。
可以理解的是，本申请所提供的方法可以为一种程序的写入，以作为硬件***中的一种处理逻辑，也可以作为一种虚拟元素的展示装置，采用集成或外接的方式实现上述处理逻辑。作为一种实现方式，该虚拟元素的展示装置通过响应于目标界面中的目标操作，执行包含第一虚拟元素和第二虚拟元素的交互事件，其中，交互事件用于指示第一虚拟元素和第二虚拟元素在交互界面中进行相对位移，目标界面包含交互界面；进一步的监测第一虚拟元素和第二虚拟元素在相对位移过程中的相对位置关系；当相对位置关系满足触发条件时，则在交互界面中展示目标事件的执行过程。从而虚拟元素的互动展示过程，由于虚拟元素之间的位置关系为动态的，可以反映虚拟元素之间的互动关系，且通过目标事件的展示，使得互动关系更加清楚，提高了虚拟元素展示的全面性以及准确性。
结合上述流程架构，下面将对本申请中虚拟元素的展示方法进行介绍，请参阅图3，图3为本申请实施例提供的一种虚拟元素的展示方法的流程图，该管理方法可以是由终端设备执行的，也可以是由服务器执行的，还可以是由终端设备和服务器共同执行的，下面以终端设备执行为例进行说明。本申请实施例至少包括以下步骤：
301、响应于目标界面中的目标操作，执行包含第一虚拟元素和第二虚拟元素的交互事件。
本实施例中，交互事件用于指示第一虚拟元素和第二虚拟元素在交互界面中进行相对位移，而目标界面包含交互界面；其中，目标操作可以是滑动操作，例如页面向上滑动；也可以是点击操作，例如点击页面滚动按钮；目标操作还可以是通过其他非接触的输入方式所得到的动作，例如语音控制页面向上滚动，具体的操作方式因实际场景而定，此处不做限定。
对应的，由目标操作产生相对位移的过程，可以是建立目标操作对应的滑动距离与位移的逻辑关系，例如位移滑动距离与位移相同；另外，相对位移的过程可以是横向的、纵向的也可以是其他方向组合的运动过程，而交互界面即为目标界面中用于展示第一虚拟元素和第二虚拟元素的部分，例如第一虚拟元素和第二虚拟元素同属于广告A的广告素材，则交互界面即为该广告的展示位，可以理解的是，第一虚拟元素和第二虚拟元素在移动的过程中，可以只显示在交互界面中的部分，从而保证目标界面的整洁性。
在一种可能的场景中，由目标操作产生相对位移的过程如图4所示，图4为本申请实施例提供的一种虚拟元素的展示方法的场景示意图，图中示出了目标界面A1、交互界面A2、第一虚拟元素A3、第二虚拟元素A4以及位移完成后的虚拟元素A5，其中，第一虚拟元素A3、第二虚拟元素A4响应于用户的向上滑动的操作，进行相对的移动，即第一虚拟元素A3与第二虚拟元素A4靠近，从而得到位移完成后的虚拟元素A5；可以理解的是，交互界面A2可以响应于用户的向上滑动的操作而移动，也可以不移动(例如固定广告位的场景)。而在第一虚拟元素A3与第二虚拟元素A4在显示的过程中，可以只显示交互界面A2内的部分；另外，对于交互事件即第一虚拟元素A3与第二虚拟元素A4发生相对位移的过程，而对于位移完成后的虚拟元素A5所对应的的目标事件，可以是媒体内容的播放，例如图中的爱心变为动态元素，呈现出心跳的动画。
可选的，在上述场景中，虚拟元素中的位移也可以是多个方向的，如图5所示，图5为本申请实施例提供的另一种虚拟元素的展示方法的场景示意图，图中示出了目标操作的滑动轨迹B1、滑动轨迹的纵向分量B2以及滑动轨迹的横向分量B3，对于虚拟元素的相对位移可以是基于滑动轨迹的纵向分量B2以及滑动轨迹的横向分量B3进行的，即在纵向上进行基于滑动轨迹的纵向分量B2的相对位移，在横向上进行基于滑动轨迹的横向分量B2的相对位移，从而提升了虚拟对象移动过程的丰富性。
在另一种可能的场景中，虚拟元素的位移过程还可以是基于虚拟元素对应的图层进行的，即首先确定第一虚拟元素对应的第一图层和第二虚拟元素对应的第二图层；然后响应于目标界面中的目标操作，基于第一图层和第二图层执行交互事件。具体的，如图6所示，图6为本申请实施例提供的另一种虚拟元素的展示方法的场景示意图，图中示出了交互界面中的显示元素是由背景层、第一图层(包含第一虚拟元素)以及第二图层(包含第二虚拟元素)组成的，在执行交互事件的过程中，即在交互界面区域内，基于背景层进行第一图层和第二图层的相对运动，具体的运动形式因实际场景而定，此处不做限定，通过对于图层的操作，使得虚拟元素通过统一度量(图层框)进行表示，便于虚拟元素的管理，提高了虚拟元素进行相对运动过程的准确性。
可以理解的是，第一图层和第二图层的相对运动过程可以是随着目标操作的进行而实时进行的，即首先获取目标界面中目标操作的操作起点，以触发第一图层和第二图层进行交互事件指示的相对位移；然后获取目标界面中目标操作的操作终点，以触发第一图层和第二图层停止相对位移。即为一种实时响应的过程，提高了用户操作的即时反馈性。
另外，第一图层和第二图层的相对运动过程也可以是在目标操作确定相关位移参数后进行的位移，即首先响应于目标界面中的目标操作，确定目标操作对应的操作位移距离；然后基于操作位移距离确定第一图层和第二图层对应的图层位移距离，以执行交互事件。例如第一图层和第二图层的图层位移距离为操作位移距离的两倍，从而增强了第一图层和第二图层的位移展现。
可选的，在第一图层和第二图层位移的过程中，可以进行基于交互界面的图层裁剪，即响应于目标界面中的目标操作，确定第一图层和第二图层在交互界面中的展示元素；基于展示元素执行交互事件。从而节约了图像的处理量，节省了***资源。
302、监测第一虚拟元素和第二虚拟元素在相对位移过程中的相对位置关系。
本实施例中，第一虚拟元素和第二虚拟元素在相对位移过程中的相对位置关系可以是虚拟元素中特定点位或区域的相对位置关系，也可以第一虚拟元素和第二虚拟元素的相交情况，具体的位置因实际场景而定。
303、若相对位置关系满足触发条件，则在交互界面中展示目标事件的执行过程。
本实施例中，触发条件与相对位置关系是相关联的，例如当相对位置关系为点位的关系时，则触发条件可以是相对点位之间的距离小于10个像素位；或相对位置关系为特定区域的相对关系，例如第一虚拟元素的指示“头部”的部分与第二虚拟元素的指示“头部”的部分处于同一水平线，则为满足触发条件。
具体的，即可以首先确定第一虚拟元素中的关键元素和第二虚拟元素中的关键元素；若相对位置关系指示第一虚拟元素中的关键元素和第二虚拟元素中的关键元素之间的距离小于预设值，则在交互界面中触发目标事件的执行。从而提高触发条件判断的准确性。
在一种可能的场景中，如图7所示，图7为本申请实施例提供的另一种虚拟元素的展示方法的场景示意图，图中示出了第一虚拟元素中的关键元素C1、第二虚拟元素中的关键元素C2以及关键元素的水平线C3，即响应于目标操作，第一虚拟元素和第二虚拟元素进行相对运动，对应的，第一虚拟元素中的关键元素C1和第二虚拟元素中的关键元素C2即发生了相对位移，当第一虚拟元素中的关键元素C1和第二虚拟元素中的关键元素C2的中心点处于关键元素的水平线C3上时，则判定为满足触发条件，从而交互界面中展示目标事件的执行过程；其中，目标事件可以是图中的第一虚拟元素和第二虚拟元素发生对话，或生成关于互动叙事故事的入口，即第一虚拟元素和第二虚拟元素为该互动叙事故事中的人物，用户可以实现知晓关于互动叙事故事的相关内容，提高了虚拟元素展示过程中的信息完整性。
具体的，对于互动叙事故事的跳转过程，可以是调用目标事件对应的跳转虚拟元素，跳转虚拟元素用于指示目标媒体内容在目标界面中的展示；然后截取第一虚拟元素中的关键元素和第二虚拟元素中的关键元素之间的距离等于预设值时的界面显示；并在交互界面中以界面显示为背景进行跳转虚拟元素的展示。即交互界面的背景定格在第一虚拟元素和第二虚拟元素相遇的时刻，并在交互界面的背景上显示包含第一虚拟元素和第二虚拟元素的互动叙事故事的跳转虚拟按钮(跳转虚拟元素)，并在后台加载对应的资源，若用户点击该按钮，则会立即跳转，从而提高了虚拟元素的交互效率。
可选的，在上述实施例中，用户也可以进行与目标操作方向相反的操作，以恢复第一虚拟元素和第二虚拟元素的相对位置，即响应于目标界面中的回滚操作，将交互事件倒序执行，其中，回滚操作与目标操作的操作方向相反。从而提高了交互界面的可操控性。
在一种可能的场景中，上述实施例中的目标界面为移动终端中的媒体内容显示界面，目标操作为下滑操作，交互界面为互动叙事故事的广告展示框，而第一虚拟元素和第二虚拟元素为广告展示框中的广告素材，目标事件为广告视频的播放，且该广告视频与互动叙事故事相关联，例如互动叙事故事的内容梗概。
结合上述实施例可知，通过响应于目标界面中的目标操作，执行包含第一虚拟元素和第二虚拟元素的交互事件，其中，交互事件用于指示第一虚拟元素和第二虚拟元素在交互界面中进行相对位移，目标界面包含交互界面；进一步的监测第一虚拟元素和第二虚拟元素在相对位移过程中的相对位置关系；当相对位置关系满足触发条件时，则在交互界面中展示目标事件的执行过程。从而虚拟元素的互动展示过程，由于虚拟元素之间的位置关系为动态的，可以反映虚拟元素之间的互动关系，且通过目标事件的展示，使得互动关系更加清楚，提高了虚拟元素展示的全面性以及准确性。
在另一种可能的场景中，第一虚拟元素和第二第二虚拟元素可以是同一视频中的虚拟元素，下面对该场景进行说明。请参阅图8，图8为本申请实施例提供的另一种虚拟元素的展示方法的流程图，本申请实施例至少包括以下步骤：
801、调用包含第一虚拟元素和第二虚拟元素的目标视频。
本实施例中，目标视频可以是基于上述第一虚拟元素和第二虚拟元素基于图层进行位移的过程中录制的，也可以是自定义的包含第一虚拟元素和第二虚拟元素的视频。
具体的，即响应于目标界面中的目标操作，调用目标视频；基于目标视频的播放，执行交互事件。其中，目标视频用于指示第一虚拟元素和第二虚拟元素进行相对位移的过程，而目标视频基于交互界面播放，例如在广告位中响应于目标操作的动态视频播放过程。
802、响应于目标界面中的目标操作，对目标视频进行播放。
本实施例中，对目标视频进行播放的过程可以是在接收到目标操作后即自动播放，也可以是进行响应于目标操作的伴随播放过程。具体的，对于伴随播放的过程可以首先确定目标视频的播放进度条；然后根据目标操作在目标方向上的操作分量调控播放进度条，以执行交互事件。从而提高目标视频播放的准确性。
在一种可能的场景中，如图9所示，图9为本申请实施例提供的另一种虚拟元素的展示方法的场景示意图。场景(1)即为初始界面状态，场景(2)即为在用户开始进行滑动操作(目标操作)后，响应于滑动操作的距离D2对目标视频的进度条D1进行调整并播放，从而实现伴随播放的过程；在场景(3)即为伴随播放的过程中的某一时刻的界面场景；当目标视频播放完毕或到达某个播放点时，即在交互界面中显示目标事件D3，以便于用户进行进一步的交互操作，从而提高了虚拟元素展示过程中的交互性。
可选的，对于目标视频还未播放的场景，可以在交互界面中进行基于目标视频的界面显示，即获取目标视频的目标帧图像，例如第一帧图像；然后基于目标帧图像对交互界面的初始状态进行更新。从而提高了交互界面的可识别度。
在另一种可能的场景中，目标操作对于目标视频的进度条的控制是直接进行的，如图10所示，图10为本申请实施例提供的另一种虚拟元素的展示方法的场景示意图。图中示出了目标操作的轨迹E1、目标操作的轨迹对应的纵向分量E2、目标操作的轨迹对应的横向分量E3、目标视频的进度条E4以及界面滑动的距离E5，即通过对于目标操作的轨迹E1的解析，可以得到目标操作的轨迹对应的纵向分量E2以及目标操作的轨迹对应的横向分量E3；然后将目标操作的轨迹对应的纵向分量E2与界面滑动的距离E5进行关联，将目标操作的轨迹对应的横向分量E3与目标视频的进度条E4进行关联，即可以实现对于目标视频的播放与界面滑动分开进行的过程，例如若只想播放视频，则进行横向滑动操作即可，从而提高了用户的操作便利性，保证了目标视频的播放的准确性。
803、若播放过程中第一虚拟元素和第二虚拟元素相对位置关系满足触发条件，则在交互界面中展示目标事件的执行过程。
本实施例中，触发条件可以是目标视频播放完毕，也可以是第一虚拟元素和第二虚拟元素在视频中的相对位置关系满足触发条件，具体的位置关系与图3所示实施例中的步骤303相似，此处不做赘述。
可以理解的是，通过目标视频的播放，在实现虚拟元素的动态展示过程过程中，无需进行即时的后台处理过程(例如图层的处理)，即只包含页面滑动与视频播放两个处理线程，从而节约了在互动叙事故事场景中虚拟元素动态展示的资源占用。
为了更好的实施本申请实施例的上述方案，下面还提供用于实施上述方案的相关装置。请参阅图11，图11为本申请实施例提供的一种虚拟元素的展示装置的结构示意图，展示装置1100包括：
响应单元1101，用于响应于目标界面中的目标操作，执行包含第一虚拟元素和第二虚拟元素的交互事件，所述交互事件用于指示所述第一虚拟元素和所述第二虚拟元素在交互界面中进行相对位移，所述目标界面包含所述交互界面；
监测单元1102，用于监测所述第一虚拟元素和所述第二虚拟元素在所述相对位移过程中的相对位置关系；
展示单元1103，用于若所述相对位置关系满足触发条件，则在所述交互界面中展示目标事件的执行过程。
可选的，在本申请一些可能的实现方式中，所述响应单元1101，具体用于确定所述第一虚拟元素对应的第一图层和所述第二虚拟元素对应的第二图层；
所述响应单元1101，具体用于响应于所述目标界面中的所述目标操作，基于所述第一图层和所述第二图层执行所述交互事件。
可选的，在本申请一些可能的实现方式中，所述响应单元1101，具体用于获取所述目标界面中所述目标操作的操作起点，以触发所述第一图层和所述第二图层进行所述交互事件指示的相对位移；
所述响应单元1101，具体用于获取所述目标界面中所述目标操作的操作终点，以触发所述第一图层和所述第二图层停止所述相对位移。
可选的，在本申请一些可能的实现方式中，所述响应单元1101，具体用于响应于所述目标界面中的所述目标操作，确定所述目标操作对应的操作位移距离；
所述响应单元1101，具体用于基于所述操作位移距离确定所述第一图层和所述第二图层对应的图层位移距离，以执行所述交互事件。
可选的，在本申请一些可能的实现方式中，所述响应单元1101，具体用于响应于所述目标界面中的所述目标操作，确定所述第一图层和所述第二图层在所述交互界面中的展示元素；
所述响应单元1101，具体用于基于所述展示元素执行所述交互事件。
可选的，在本申请一些可能的实现方式中，所述响应单元1101，具体用于响应于所述目标界面中的所述目标操作，调用目标视频，所述目标视频用于指示所述第一虚拟元素和所述第二虚拟元素进行相对位移的过程，所述目标视频基于所述交互界面播放；
所述响应单元1101，具体用于基于所述目标视频的播放，执行所述交互事件。
可选的，在本申请一些可能的实现方式中，所述响应单元1101，具体用于确定所述目标视频的播放进度条；
所述响应单元1101，具体用于根据所述目标操作在目标方向上的操作分量调控所述播放进度条，以执行所述交互事件。
可选的，在本申请一些可能的实现方式中，所述响应单元1101，具体用于获取所述目标视频的目标帧图像；
所述响应单元1101，具体用于基于所述目标帧图像对所述交互界面的初始状态进行更新。
可选的，在本申请一些可能的实现方式中，所述展示单元1103，具体用于确定所述第一虚拟元素中的关键元素和所述第二虚拟元素中的关键元素；
所述展示单元1103，具体用于若所述相对位置关系指示所述第一虚拟元素中的关键元素和所述第二虚拟元素中的关键元素之间的距离小于预设值，则在所述交互界面中触发所述目标事件的执行。
可选的，在本申请一些可能的实现方式中，所述展示单元1103，具体用于调用所述目标事件对应的跳转虚拟元素，所述跳转虚拟元素用于指示目标媒体内容在所述目标界面中的展示；
所述展示单元1103，具体用于截取所述第一虚拟元素中的关键元素和所述第二虚拟元素中的关键元素之间的距离等于所述预设值时的界面显示；
所述展示单元1103，具体用于在所述交互界面中以所述界面显示为背景进行所述跳转虚拟元素的展示。
可选的，在本申请一些可能的实现方式中，其特征在于，所述响应单元1101，具体用于响应于所述目标界面中的回滚操作，将所述交互事件倒序执行，所述回滚操作与所述目标操作的操作方向相反。
通过响应于目标界面中的目标操作，执行包含第一虚拟元素和第二虚拟元素的交互事件，其中，交互事件用于指示第一虚拟元素和第二虚拟元素在交互界面中进行相对位移，目标界面包含交互界面；进一步的监测第一虚拟元素和第二虚拟元素在相对位移过程中的相对位置关系；当相对位置关系满足触发条件时，则在交互界面中展示目标事件的执行过程。从而虚拟元素的互动展示过程，由于虚拟元素之间的位置关系为动态的，可以反映虚拟元素之间的互动关系，且通过目标事件的展示，使得互动关系更加清楚，提高了虚拟元素展示的全面性以及准确性。
本申请实施例还提供了一种终端设备，如图12所示，是本申请实施例提供的另一种终端设备的结构示意图，为了便于说明，仅示出了与本申请实施例相关的部分，具体技术细节未揭示的，请参照本申请实施例方法部分。该终端可以为包括手机、平板电脑、个人数字助理(personal digital assistant，PDA)、销售终端(point of sales，POS)、车载电脑等任意终端设备，以终端为手机为例：
图12示出的是与本申请实施例提供的终端相关的手机的部分结构的框图。参考图12，手机包括：射频(radio frequency，RF)电路1210、存储器1220、输入单元1230、显示单元1240、传感器1250、音频电路1260、无线保真(wireless fidelity，WiFi)模块1270、处理器1280、以及电源1290等部件。本领域技术人员可以理解，图12中示出的手机结构并不构成对手机的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。
下面结合图12对手机的各个构成部件进行具体的介绍：
RF电路1210可用于收发信息或通话过程中，信号的接收和发送，特别地，将基站的下行信息接收后，给处理器1280处理；另外，将设计上行的数据发送给基站。通常，RF电路1210包括但不限于天线、至少一个放大器、收发信机、耦合器、低噪声放大器(low noiseamplifier，LNA)、双工器等。此外，RF电路1210还可以通过无线通信与网络和其他设备通信。上述无线通信可以使用任一通信标准或协议，包括但不限于全球移动通讯***(globalsystem of mobile communication，GSM)、通用分组无线服务(general packet radioservice，GPRS)、码分多址(code division multiple access，CDMA)、宽带码分多址(wideband code division multiple access,WCDMA)、长期演进(long term evolution，LTE)、电子邮件、短消息服务(short messaging service，SMS)等。
存储器1220可用于存储软件程序以及模块，处理器1280通过运行存储在存储器1220的软件程序以及模块，从而执行手机的各种功能应用以及数据处理。存储器1220可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作***、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据手机的使用所创建的数据(比如音频数据、电话本等)等。此外，存储器1220可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。
输入单元1230可用于接收输入的数字或字符信息，以及产生与手机的用户设置以及功能控制有关的键信号输入。具体地，输入单元1230可包括触控面板1231以及其他输入设备1232。触控面板1231，也称为触摸屏，可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板1231上或在触控面板1231附近的操作，以及在触控面板1231上一定范围内的隔空触控操作)，并根据预先设定的程式驱动相应的连接装置。可选的，触控面板1231可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器1280，并能接收处理器1280发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控面板1231。除了触控面板1231，输入单元1230还可以包括其他输入设备1232。具体地，其他输入设备1232可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。
显示单元1240可用于显示由用户输入的信息或提供给用户的信息以及手机的各种菜单。显示单元1240可包括显示面板1241，可选的，可以采用液晶显示器(liquidcrystal display，LCD)、有机发光二极管(organic light-emitting diode，OLED)等形式来配置显示面板1241。进一步的，触控面板1231可覆盖显示面板1241，当触控面板1231检测到在其上或附近的触摸操作后，传送给处理器1280以确定触摸事件的类型，随后处理器1280根据触摸事件的类型在显示面板1241上提供相应的视觉输出。虽然在图12中，触控面板1231与显示面板1241是作为两个独立的部件来实现手机的输入和输入功能，但是在某些实施例中，可以将触控面板1231与显示面板1241集成而实现手机的输入和输出功能。
手机还可包括至少一种传感器1250，比如光传感器、运动传感器以及其他传感器。具体地，光传感器可包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示面板1241的亮度，接近传感器可在手机移动到耳边时，关闭显示面板1241和/或背光。作为运动传感器的一种，加速计传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；至于手机还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。
音频电路1260、扬声器1261，传声器1262可提供用户与手机之间的音频接口。音频电路1260可将接收到的音频数据转换后的电信号，传输到扬声器1261，由扬声器1261转换为声音信号输出；另一方面，传声器1262将收集的声音信号转换为电信号，由音频电路1260接收后转换为音频数据，再将音频数据输出处理器1280处理后，经RF电路1210以发送给比如另一手机，或者将音频数据输出至存储器1220以便进一步处理。
WiFi属于短距离无线传输技术，手机通过WiFi模块1270可以帮助用户收发电子邮件、浏览网页和访问流式媒体等，它为用户提供了无线的宽带互联网访问。虽然图12示出了WiFi模块1270，但是可以理解的是，其并不属于手机的必须构成，完全可以根据需要在不改变发明的本质的范围内而省略。
处理器1280是手机的控制中心，利用各种接口和线路连接整个手机的各个部分，通过运行或执行存储在存储器1220内的软件程序和/或模块，以及调用存储在存储器1220内的数据，执行手机的各种功能和处理数据，从而对手机进行整体监控。可选的，处理器1280可包括一个或多个处理单元；可选的，处理器1280可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作***、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器1280中。
手机还包括给各个部件供电的电源1290(比如电池)，可选的，电源可以通过电源管理***与处理器1280逻辑相连，从而通过电源管理***实现管理充电、放电、以及功耗管理等功能。
尽管未示出，手机还可以包括摄像头、蓝牙模块等，在此不再赘述。
在本申请实施例中，该终端所包括的处理器1280还具有执行如上述页面处理方法的各个步骤的功能。
本申请实施例还提供了一种服务器，请参阅图13，图13是本申请实施例提供的一种服务器的结构示意图，该服务器1300可因配置或性能不同而产生比较大的差异，可以包括一个或一个以***处理器(central processing units，CPU)1322(例如，一个或一个以上处理器)和存储器1332，一个或一个以上存储应用程序1342或数据1344的存储介质1330(例如一个或一个以上海量存储设备)。其中，存储器1332和存储介质1330可以是短暂存储或持久存储。存储在存储介质1330的程序可以包括一个或一个以上模块(图示没标出)，每个模块可以包括对服务器中的一系列指令操作。更进一步地，中央处理器1322可以设置为与存储介质1330通信，在服务器1300上执行存储介质1330中的一系列指令操作。
服务器1300还可以包括一个或一个以上电源1326，一个或一个以上有线或无线网络接口1350，一个或一个以上输入输出接口1358，和/或，一个或一个以上操作***1341，例如Windows ServerTM，Mac OS XTM，UnixTM,LinuxTM，FreeBSDTM等等。
上述实施例中由管理装置所执行的步骤可以基于该图13所示的服务器结构。
本申请实施例中还提供一种计算机可读存储介质，该计算机可读存储介质中存储有虚拟元素的展示指令，当其在计算机上运行时，使得计算机执行如前述图2至图10所示实施例描述的方法中虚拟元素的展示装置所执行的步骤。
本申请实施例中还提供一种包括虚拟元素的展示指令的计算机程序产品，当其在计算机上运行时，使得计算机执行如前述图2至图10所示实施例描述的方法中虚拟元素的展示装置所执行的步骤。
本申请实施例还提供了一种虚拟元素的展示***，所述虚拟元素的展示***可以包含图11所描述实施例中的虚拟元素的展示装置，或图12所描述实施例中的终端设备，或者图13所描述的服务器。
所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的***，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
在本申请所提供的几个实施例中，应该理解到，所揭露的***，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个***，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，虚拟元素的展示装置，或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(read-only memory，ROM)、随机存取存储器(random access memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述，以上实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。

Claims (15)

1.一种虚拟元素的展示方法，其特征在于，应用于互动叙事平台，所述方法包括：
响应于目标界面中的目标操作，执行包含第一虚拟元素和第二虚拟元素的交互事件，所述交互事件用于指示所述第一虚拟元素和所述第二虚拟元素在交互界面中进行相对位移，所述目标界面包含所述交互界面；所述交互界面为互动叙事故事的广告展示框；所述第一虚拟元素和所述第二虚拟元素为互动叙事场景中的虚拟元素；
监测所述第一虚拟元素和所述第二虚拟元素在所述相对位移过程中的相对位置关系；
若所述相对位置关系满足触发条件，则在所述交互界面中展示目标事件的执行过程，所述展示目标事件的执行过程包括：生成关于互动叙事故事的入口，或者，播放与互动叙事故事相关联的视频。
2.根据权利要求1所述的方法，其特征在于，所述响应于目标界面中的目标操作，执行包含第一虚拟元素和第二虚拟元素的交互事件，包括：
确定所述第一虚拟元素对应的第一图层和所述第二虚拟元素对应的第二图层；
响应于所述目标界面中的所述目标操作，基于所述第一图层和所述第二图层执行所述交互事件。
3.根据权利要求2所述的方法，其特征在于，所述响应于所述目标界面中的所述目标操作，基于所述第一图层和所述第二图层执行所述交互事件，包括：
获取所述目标界面中所述目标操作的操作起点，以触发所述第一图层和所述第二图层进行所述交互事件指示的相对位移；
获取所述目标界面中所述目标操作的操作终点，以触发所述第一图层和所述第二图层停止所述相对位移。
4.根据权利要求2所述的方法，其特征在于，所述响应于所述目标界面中的所述目标操作，基于所述第一图层和所述第二图层执行所述交互事件，包括：
响应于所述目标界面中的所述目标操作，确定所述目标操作对应的操作位移距离；
基于所述操作位移距离确定所述第一图层和所述第二图层对应的图层位移距离，以执行所述交互事件。
5.根据权利要求2所述的方法，其特征在于，所述响应于所述目标界面中的所述目标操作，基于所述第一图层和所述第二图层执行所述交互事件，包括：
响应于所述目标界面中的所述目标操作，确定所述第一图层和所述第二图层在所述交互界面中的展示元素；
基于所述展示元素执行所述交互事件。
6.根据权利要求1所述的方法，其特征在于，所述响应于目标界面中的目标操作，执行包含第一虚拟元素和第二虚拟元素的交互事件，包括：
响应于所述目标界面中的所述目标操作，调用目标视频，所述目标视频用于指示所述第一虚拟元素和所述第二虚拟元素进行相对位移的过程，所述目标视频基于所述交互界面播放；
基于所述目标视频的播放，执行所述交互事件。
7.根据权利要求6所述的方法，其特征在于，所述基于所述目标视频的播放，执行所述交互事件，包括：
确定所述目标视频的播放进度条；
根据所述目标操作在目标方向上的操作分量调控所述播放进度条，以执行所述交互事件。
8.根据权利要求6所述的方法，其特征在于，所述方法还包括：
获取所述目标视频的目标帧图像；
基于所述目标帧图像对所述交互界面的初始状态进行更新。
9.根据权利要求1所述的方法，其特征在于，所述若所述相对位置关系满足触发条件，则在所述交互界面中展示目标事件的执行过程，包括：
确定所述第一虚拟元素中的关键元素和所述第二虚拟元素中的关键元素；
若所述相对位置关系指示所述第一虚拟元素中的关键元素和所述第二虚拟元素中的关键元素之间的距离小于预设值，则在所述交互界面中触发所述目标事件的执行。
10.根据权利要求9所述的方法，其特征在于，所述在所述交互界面中触发所述目标事件的执行，包括：
调用所述目标事件对应的跳转虚拟元素，所述跳转虚拟元素用于指示目标媒体内容在所述目标界面中的展示；
截取所述第一虚拟元素中的关键元素和所述第二虚拟元素中的关键元素之间的距离等于所述预设值时的界面显示；
在所述交互界面中以所述界面显示为背景进行所述跳转虚拟元素的展示。
11.根据权利要求1-10任一项所述的方法，其特征在于，所述方法还包括：
响应于所述目标界面中的回滚操作，将所述交互事件倒序执行，所述回滚操作与所述目标操作的操作方向相反。
12.根据权利要求1所述的方法，其特征在于，所述目标界面为媒体内容显示界面，所述目标操作为下滑操作，所述交互界面为广告展示框，所述第一虚拟元素和第二虚拟元素为所述广告展示框中的广告素材，所述目标事件为广告视频的播放。
13.一种虚拟元素的展示装置，其特征在于，应用于互动叙事平台，所述装置包括：
响应单元，用于响应于目标界面中的目标操作，执行包含第一虚拟元素和第二虚拟元素的交互事件，所述交互事件用于指示所述第一虚拟元素和所述第二虚拟元素在交互界面中进行相对位移，所述目标界面包含所述交互界面；所述交互界面为互动叙事故事的广告展示框；所述第一虚拟元素和所述第二虚拟元素为互动叙事场景中的虚拟元素；
监测单元，用于监测所述第一虚拟元素和所述第二虚拟元素在所述相对位移过程中的相对位置关系；
展示单元，用于若所述相对位置关系满足触发条件，则在所述交互界面中展示目标事件的执行过程，所述展示目标事件的执行过程包括：生成关于互动叙事故事的入口，或者，播放与互动叙事故事相关联的视频。
14.一种计算机设备，其特征在于，所述计算机设备包括处理器以及存储器：
所述存储器用于存储程序代码；所述处理器用于根据所述程序代码中的指令执行权利要求1至12任一项所述的虚拟元素的展示方法。
15.一种计算机可读存储介质，所述计算机可读存储介质中存储有指令，当其在计算机上运行时，使得计算机执行上述权利要求1至12任一项所述的虚拟元素的展示方法。
CN202010989042.8A 2020-09-18 2020-09-18 一种虚拟元素的展示方法以及相关装置 Active CN112099713B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010989042.8A CN112099713B (zh) 2020-09-18 2020-09-18 一种虚拟元素的展示方法以及相关装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010989042.8A CN112099713B (zh) 2020-09-18 2020-09-18 一种虚拟元素的展示方法以及相关装置

Publications (2)

Publication Number Publication Date
CN112099713A CN112099713A (zh) 2020-12-18
CN112099713B true CN112099713B (zh) 2022-02-01

Family

ID=73758898

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010989042.8A Active CN112099713B (zh) 2020-09-18 2020-09-18 一种虚拟元素的展示方法以及相关装置

Country Status (1)

Country Link
CN (1) CN112099713B (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114327214A (zh) * 2022-01-05 2022-04-12 北京有竹居网络技术有限公司 交互方法、装置、电子设备、存储介质及计算机程序产品

Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108984087A (zh) * 2017-06-02 2018-12-11 腾讯科技（深圳）有限公司 基于三维虚拟形象的社交互动方法及装置
CN110377861A (zh) * 2019-07-23 2019-10-25 腾讯科技（深圳）有限公司 场景间元素互动方法、装置、存储介质和计算机设备
CN110908757A (zh) * 2019-11-18 2020-03-24 腾讯科技（深圳）有限公司 一种媒体内容显示的方法以及相关装置
CN110913261A (zh) * 2019-11-19 2020-03-24 维沃移动通信有限公司 一种多媒体文件的生成方法及电子设备
CN111265869A (zh) * 2020-01-14 2020-06-12 腾讯科技（深圳）有限公司 虚拟对象的检测方法、装置、终端及存储介质
CN111275797A (zh) * 2020-02-26 2020-06-12 腾讯科技（深圳）有限公司 动画显示方法、装置、设备及存储介质
CN111324253A (zh) * 2020-02-12 2020-06-23 腾讯科技（深圳）有限公司 虚拟物品交互方法、装置、计算机设备及存储介质
CN111659120A (zh) * 2020-07-16 2020-09-15 网易（杭州）网络有限公司 虚拟角色位置同步方法、装置、介质及电子设备

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102955651A (zh) * 2011-08-24 2013-03-06 宏碁股份有限公司 广告及多媒体影片互动***及其方法
CN108671543A (zh) * 2018-05-18 2018-10-19 腾讯科技（深圳）有限公司 虚拟场景中的标记元素显示方法、计算机设备及存储介质
CN110162667A (zh) * 2019-05-29 2019-08-23 北京三快在线科技有限公司 视频生成方法、装置及存储介质

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108984087A (zh) * 2017-06-02 2018-12-11 腾讯科技（深圳）有限公司 基于三维虚拟形象的社交互动方法及装置
CN110377861A (zh) * 2019-07-23 2019-10-25 腾讯科技（深圳）有限公司 场景间元素互动方法、装置、存储介质和计算机设备
CN110908757A (zh) * 2019-11-18 2020-03-24 腾讯科技（深圳）有限公司 一种媒体内容显示的方法以及相关装置
CN110913261A (zh) * 2019-11-19 2020-03-24 维沃移动通信有限公司 一种多媒体文件的生成方法及电子设备
CN111265869A (zh) * 2020-01-14 2020-06-12 腾讯科技（深圳）有限公司 虚拟对象的检测方法、装置、终端及存储介质
CN111324253A (zh) * 2020-02-12 2020-06-23 腾讯科技（深圳）有限公司 虚拟物品交互方法、装置、计算机设备及存储介质
CN111275797A (zh) * 2020-02-26 2020-06-12 腾讯科技（深圳）有限公司 动画显示方法、装置、设备及存储介质
CN111659120A (zh) * 2020-07-16 2020-09-15 网易（杭州）网络有限公司 虚拟角色位置同步方法、装置、介质及电子设备

Also Published As

Publication number Publication date
CN112099713A (zh) 2020-12-18

Similar Documents

Publication Publication Date Title
CN111061574B (zh) 一种对象分享方法及电子设备
US10659844B2 (en) Interaction method and system based on recommended content
CN108055408B (zh) 一种应用程序控制方法及移动终端
US10506292B2 (en) Video player calling method, apparatus, and storage medium
CN106919707B (zh) 一种基于h5的页面显示方法和终端
CN109525874B (zh) 一种截屏方法及终端设备
CN109885373B (zh) 一种用户界面的渲染方法和装置
WO2019149028A1 (zh) 应用程序的下载方法及终端
CN109189300B (zh) 一种视图循环展示方法和装置
CN108170361B (zh) 一种应用运行状态控制方法及移动终端
CN108646961B (zh) 一种待办任务的管理方法、装置及存储介质
CN108958629B (zh) 分屏退出方法、装置、存储介质和电子设备
WO2017193496A1 (zh) 应用数据的处理方法、装置和终端设备
CN110569078A (zh) 一种网页级程序的预加载方法和装置
CN110908757B (zh) 一种媒体内容显示的方法以及相关装置
CN111399715A (zh) 一种界面显示方法及电子设备
CN112817501A (zh) 一种媒体内容显示的方法以及相关装置
CN112099713B (zh) 一种虚拟元素的展示方法以及相关装置
CN109660445B (zh) 一种消息处理方法、装置及存储介质
CN107193551B (zh) 一种生成图像帧的方法和装置
WO2018145539A1 (zh) 一种流媒体数据的处理方法及移动终端
CN115373577A (zh) 一种图像处理方法、装置及计算机可读存储介质
WO2015135457A1 (en) Method, apparatus, and system for sending and playing multimedia information
CN110865743A (zh) 任务管理方法和终端设备
CN108170362B (zh) 一种应用运行状态控制方法及移动终端

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
REG Reference to a national code

Ref country code: HK

Ref legal event code: DE

Ref document number: 40035765

Country of ref document: HK

GR01 Patent grant
GR01 Patent grant