本申请公开了一种交互数据显示方法，该方法包括：启动页面，将预设数量的交互数据组件集加载到所述页面，所述交互组件集包括至少一个组件类型的交互数据组件；从预设的存储队列中获取目标交互数据，显示到目标交互数据组件，所述目标交互数据为所述交互数据集中支持所述目标交互数据的任一交互数据组件；监测页面内容进度和/或用户操作行为；当所述页面内容进度达到预设内容节点和/或用户操作行为符合预设操作条件，将所述交互数据组件集加载到所述页面。本申请还提供一种交互数据显示装置、计算机设备以及计算机可读存储介质。本申请能够实现将产生的交互数据依次显示，增强了交互数据的显示效果。交互数据的显示效果。交互数据的显示效果。
【技术实现步骤摘要】
交互数据显示方法及装置
[0001]本申请涉及计算机
，尤其涉及一种交互数据显示方法、装置、计算机设备及计算机可读存储介质。
技术介绍
[0002]随着计算机和互联网技术的快速发展，手机等便携终端的功能也越来越广泛，比如，手机游戏得到了非常广泛的使用。其中，很多游戏厂商通过H5，即HTML5，或者其他轻量型页面，能够轻松实现很多游戏的应用。然而，目前在游戏页面上实现的交互数据行为往往比较单一，比如：送礼，点赞，打cll等互动行为的展示一般是在聊天公屏区域或直播画面上的固定区域以图文形式实时展示，其展示的方式较为单一，互动程度有限。
技术实现思路
[0003]本申请提出一种交互数据显示方法、装置、服务器及计算机可读存储介质，能够解决现有技术中交互数据显示缺乏层次感，显示效果较差的问题。
[0004]首先，为实现上述目的，本申请提供一种交互数据显示方法，所述方法包括：
[0005]启动页面，将预设数量的交互数据组件集加载到所述页面，所述交互组件集包括至少一个组件类型的交互数据组件；从预设的存储队列中获取目标交互数据，显示到目标交互数据组件，所述目标交互数据为所述交互数据集中支持所述目标交互数据的任一交互数据组件；监测页面内容进度和/或用户操作行为；当所述页面内容进度达到预设内容节点和/或用户操作行为符合预设操作条件，将所述交互数据组件集加载到所述页面。
[0006]在一个例子中，在所述从预设的存储队列中获取目标交互数据之前，所述方法还包括：获取当前时间段的交互数据集，存储到所述存储队列，所述交互数据集中包括至少一个数据类型的交互数据。
[0007]在一个例子中，所述获取当前时间段的交互数据集，存储到所述存储队列，包括：获取当前时间段产生的所有交互数据，作为交互数据集；根据产生时间的先后顺序将所述交互数据集中的交互数据有序地存储到所述存储队列。
[0008]在一个例子中，所述方法还包括：将所述目标交互数据显示到所述目标交互数据组件之后，控制所述目标交互数据组件根据预设的定时器在所述页面上根据预设的第一漂浮轨迹进行移动。
[0009]在一个例子中，所述第一漂浮轨迹为所述页面范围内随机位置的变换移动轨迹。
[0010]在一个例子中，所述方法还包括：监测所述目标交互数据组件在所述定时器对应的时间段内是否被点击/触控；若所述目标交互数据组件在所述定时器对应的时间段内被点击/触控，控制所述目标交互数据组件从所述第一漂浮轨迹切换到预设的第二漂浮轨迹进行移动。
[0011]在一个例子中，所述方法还包括：所述目标交互组件在完成移动过程后，将所述目标交互数据从所述目标交互组件上移除；查询所述存储队列中是否包括与所述目标交互组
件相匹配的待显示交互数据；若不包括，将所述目标交互数据组件删除。
[0012]在一个例子中，所述页面为基于canvas实现的页面，所述交互数据组件为基于JavaScript/TypeScript实现的气泡显示组件，所述存储队列为数组。
[0013]此外，为实现上述目的，本申请还提供一种交互数据显示装置，所述装置包括：
[0014]加载模块，用于启动页面，将预设数量的交互数据组件集加载到所述页面，所述交互组件集包括至少一个组件类型的交互数据组件；显示模块，用于从预设的存储队列中获取目标交互数据，显示到目标交互数据组件，所述目标交互数据为所述交互数据集中支持所述目标交互数据的任一交互数据组件；监测模块，用于监测页面内容进度和/或用户操作行为；所述加载模块，还用于当所述页面内容进度达到预设内容节点和/或用户操作行为符合预设操作条件，将所述交互数据组件集加载到所述页面。
[0015]进一步地，本申请还提出一种计算机设备，所述计算机设备包括存储器、处理器，所述存储器上存储有可在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现如上述的交互数据显示方法的步骤。
[0016]进一步地，为实现上述目的，本申请还提供一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序可被至少一个处理器执行，以使所述至少一个处理器执行如上述的交互数据显示方法的步骤。
[0017]相较于现有技术，本申请所提出的交互数据显示方法、装置、服务器及计算机可读存储介质，能够启动页面，将预设数量的交互数据组件集加载到所述页面，所述交互组件集包括至少一个组件类型的交互数据组件；从预设的存储队列中获取目标交互数据，显示到目标交互数据组件，所述目标交互数据为所述交互数据集中支持所述目标交互数据的任一交互数据组件；监测页面内容进度和/或用户操作行为；当所述页面内容进度达到预设内容节点和/或用户操作行为符合预设操作条件，将所述交互数据组件集加载到所述页面。通过建立多个类型的交互数据组件，然后将获取到的交互数据依次显示到对应组件类型的交互组件。从而能够实现将产生的交互数据依次显示，增强了交互数据的显示效果。
附图说明
[0018]图1是本申请一实施例的应用环境示意图；
[0019]图2是本申请交互数据显示方法一具体实施例的流程示意图；
[0020]图3～5是本申请一示例性例子中执行游戏虚拟礼物数据显示方法的流程效果图；
[0021]图6是本申请一示例性例子的气泡显示方法的效果图；
[0022]图7是本申请交互数据显示装置一实施例的程序模块示意图；
[0023]图8是本申请计算机设备一可选的硬件架构的示意图。
具体实施方式
[0024]为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本申请，并不用于限定本申请。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
[0025]需要说明的是，在本申请中涉及“第一”、“第二”等的描述仅用于描述目的，而不能
理解为指示或暗示其相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。另外，各个实施例之间的技术方案可以相互结合，但是必须是以本领域普通技术人员能够实现为基础，当技术方案的结合出现相互矛盾或无法实现时应当认为这种技术方案的结合不存在，也不在本申请要求的保护范围之内。
[0026]图1是本申请一实施例的应用环境示意图。参阅图1所示，所述计算机设备1与游戏服务器连接，所述游戏服务器存储有游戏数据，所述计算机设备1可以从所述游戏服务器上获取游戏数据或者其他用户上传到所述游戏服务器上的游戏数据；所述计算机设备1提供一页面窗口，用于显示游戏页面，用户通过所述计算机设备1进行游戏时，可以通过所述游戏页面以及其他数据输入方式，比如按钮，对所述游戏页面上的特定元素进行控制，或者进行数据交互。当然，在本实施例中，所述计算机设备1可以对所有页面上的交互数据进行显示控制，而不限定于游戏页面。具本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种交互数据显示方法，其特征在于，所述方法包括：启动页面，将预设数量的交互数据组件集加载到所述页面，所述交互组件集包括至少一个组件类型的交互数据组件；从预设的存储队列中获取目标交互数据，显示到目标交互数据组件，所述目标交互数据为所述交互数据集中支持所述目标交互数据的任一交互数据组件；监测页面内容进度和/或用户操作行为；当所述页面内容进度达到预设内容节点和/或用户操作行为符合预设操作条件，将所述交互数据组件集加载到所述页面。2.如权利要求1所述的交互数据显示方法，其特征在于，在所述从预设的存储队列中获取目标交互数据之前，所述方法还包括：获取当前时间段的交互数据集，存储到所述存储队列，所述交互数据集中包括至少一个数据类型的交互数据。3.如权利要求2所述的交互数据显示方法，其特征在于，所述获取当前时间段的交互数据集，存储到所述存储队列，包括：获取当前时间段产生的所有交互数据，作为交互数据集；根据产生时间的先后顺序将所述交互数据集中的交互数据有序地存储到所述存储队列。4.如权利要求1
‑
3中任一项所述的交互数据显示方法，其特征在于，所述方法还包括：将所述目标交互数据显示到所述目标交互数据组件之后，控制所述目标交互数据组件根据预设的定时器在所述页面上根据预设的第一漂浮轨迹进行移动。5.如权利要求4所述的交互数据显示方法，其特征在于，所述第一漂浮轨迹为所述页面范围内随机位置的变换移动轨迹。6.如权利要求4或5所述的交互数据显示方法，其特征在于，所述方法还包括：监测所述目标交互数据组件在所述定时器对应的时间段内是否被点击/触控；若所述目标交互数据组件在所述定时器对应的时间段内被点击/触控，控制所述目标交互数据组件从所述第一漂浮轨迹切换到预设的第二漂浮轨迹进行移动。7...
【专利技术属性】
技术研发人员：侯效雷，
申请(专利权)人：上海哔哩哔哩科技有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。