图像交互展示方法及装置制造方法及图纸

本申请公开了一种图像交互展示方法及装置，图像由多个图层叠加展示，每一图层展示不同图片，方法包括：根据用户对展示终端的转动操作，获取对应的终端转动数据；根据终端转动数据，确定图像的交互渲染数据；基于交互渲染数据渲染图像中多个图层的图片，得到并展示交互后的图像。基于用户对展示终端的转动操作，对应的渲染图像中的多个图层的图片，实现用户与图像的交互，提升用户观看图像的趣味性。提升用户观看图像的趣味性。提升用户观看图像的趣味性。

【技术实现步骤摘要】
图像交互展示方法及装置


[0001]本申请涉及互联网
，具体涉及一种图像交互展示方法及装置。

技术介绍

[0002]图像展示时，现有技术大多是将图像直接展示给用户观看，用户与图像交互方式较少，如点击图像放大、缩小，选中图像等，用户的交互方式仅是对图像本身进行操作，供用户交互的方式单一呆板。且图像展示交互过程中往往也呈现的是不变的展示效果，用户观看时缺乏交互的趣味性，用户的观看体验较差。

技术实现思路

[0003]鉴于上述问题，提出了本申请实施例以便提供一种克服上述问题或者至少部分地解决上述问题的图像交互展示方法及装置。
[0004]根据本申请实施例的第一方面，提供了一种图像交互展示方法，图像由多个图层叠加展示，每一图层展示不同图片，方法包括：
[0005]根据用户对展示终端的转动操作，获取对应的终端转动数据；
[0006]根据终端转动数据，确定图像的交互渲染数据；
[0007]基于交互渲染数据渲染图像中多个图层的图片，得到并展示交互后的图像。
[0008]可选地，方法还包括：
[0009]按照预设初始渲染数据渲染图像中多个图层的图片，得到并展示初始化的图像。
[0010]可选地，获取对应的终端转动数据具体为：基于终端陀螺仪传感器获取对应的终端转动数据。
[0011]可选地，方法还包括：
[0012]基于终端陀螺仪传感器获取初始化的图像对应的终端初始数据；
[0013]获取对应的终端转动数据进一步包括：
[0014]基于终端陀螺仪传感器获取展示终端转动后的终端实时数据；
[0015]计算终端初始数据与终端实时数据的差值，得到对应的终端转动数据。
[0016]可选地，终端转动数据包括终端转动角度；终端转动角度包括如下的一个或多个：终端展示界面平行方向的第一转动角度、第二转动角度、终端展示界面垂直方向的第三转动角度。
[0017]可选地，根据终端转动数据，确定图像的交互渲染数据进一步包括：
[0018]根据第一转动角度、第二转动角度和/或第三转动角度，确定图像中各层图层图片的交互渲染数据；交互渲染数据包含图片偏移量和/或图片透明度。
[0019]可选地，根据第一转动角度、第二转动角度和/或第三转动角度，确定图像中各层图层图片的交互渲染数据具体为：
[0020]根据预设曲线函数将第一转动角度、第二转动角度和/或第三转动角度进行转换处理，得到图像中各层图层图片的交互渲染数据。
[0021]可选地，各层图层使用不同曲率的预设曲线函数；预设曲线函数包括贝赛尔曲线。
[0022]可选地，基于交互渲染数据渲染图像中多个图层的图片，得到并展示交互后的图像进一步包括：
[0023]按照各层图层图片的交互渲染数据中包含的图片偏移量和/或图片透明度分别渲染对应图层的图片，得到各层图层交互后的图片；
[0024]将各层图层交互后的图片叠加展示，得到并展示交互后的呈现第一效果和/或第二效果的图像。
[0025]可选地，第一效果包括3D效果；第二效果包括闪卡效果。
[0026]根据本申请实施例的第二方面，提供了一种图像交互展示装置，图像由多个图层叠加展示，每一图层展示不同图片，装置包括：
[0027]获取转动数据模块，适于根据用户对展示终端的转动操作，获取对应的终端转动数据；
[0028]确定渲染数据模块，根据终端转动数据，确定图像的交互渲染数据；
[0029]渲染模块，基于交互渲染数据渲染图像中多个图层的图片，得到并展示交互后的图像。
[0030]根据本申请实施例的第三方面，提供了一种计算设备，包括：处理器、存储器、通信接口和通信总线，所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信；
[0031]所述存储器用于存放至少一可执行指令，所述可执行指令使所述处理器执行上述图像交互展示方法对应的操作。
[0032]根据本申请实施例的第四方面，提供了一种计算机存储介质，所述存储介质中存储有至少一可执行指令，所述可执行指令使处理器执行如上述图像交互展示方法对应的操作。
[0033]根据本申请的提供的图像交互展示方法及装置，基于用户对展示终端的转动操作，对应的渲染图像中的多个图层的图片，实现用户与图像的交互，提升用户观看图像的趣味性。
[0034]上述说明仅是本申请技术方案的概述，为了能够更清楚了解本申请的技术手段，而可依照说明书的内容予以实施，并且为了让本申请的上述和其它目的、特征和优点能够更明显易懂，以下特举本申请的具体实施方式。
附图说明
[0035]通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本申请的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：
[0036]图1示出了根据本申请一个实施例的图像交互展示方法的流程图；
[0037]图2示出了根据本申请另一个实施例的图像交互展示方法的流程图；
[0038]图3示出了基于陀螺仪传感器获取转动角度的示意图；
[0039]图4示出了贝赛尔曲线示意图；
[0040]图5a
‑
图5c示出了图像交互展示的第一效果示意图；
[0041]图6a
‑
图6d示出了图像交互展示的第二效果示意图；
[0042]图7示出了根据本申请一个实施例的图像交互展示装置的结构示意图；
[0043]图8示出了根据本申请一个实施例的一种计算设备的结构示意图。
具体实施方式
[0044]下面将参照附图更详细地描述本申请的示例性实施例。虽然附图中显示了本申请的示例性实施例，然而应当理解，可以以各种形式实现本申请而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本申请，并且能够将本申请的范围完整的传达给本领域的技术人员。
[0045]首先，对本申请一个或多个实施例涉及的名词术语进行解释。
[0046]数字藏品：数字藏品是指使用区块链技术，对特定的作品、艺术品生成的唯一数字凭证，在保护其数字版权的基础上，实现真实可信的数字化发行、购买、收藏和使用；
[0047]陀螺仪：陀螺仪是用高速回转体的动量矩敏感壳体相对惯性空间绕正交于自转轴的一个或二个轴的角运动检测装置；利用其他原理制成的角运动检测装置起同样功能的也称陀螺仪；
[0048]贝塞尔曲线(B
é
zier curve)：又称贝兹曲线或贝济埃曲线，应用于二维图形应用程序的数学曲线。
[0049]图1示出了根据本申请一实施例的图像交互展示方法的流程图，如图1所示，该方法包括如下步骤：
[0050]步骤S101，根据用户对展示终端的转动操作，获取对应的终端转动数据。
[0051]本申请实施例中图像具体由多个图层本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种图像交互展示方法，其中，所述图像由多个图层叠加展示，每一图层展示不同图片，所述方法包括：根据用户对展示终端的转动操作，获取对应的终端转动数据；根据所述终端转动数据，确定图像的交互渲染数据；基于所述交互渲染数据渲染所述图像中多个图层的图片，得到并展示交互后的图像。2.根据权利要求1所述的方法，其中，所述方法还包括：按照预设初始渲染数据渲染所述图像中多个图层的图片，得到并展示初始化的图像。3.根据权利要求1所述的方法，其中，所述获取对应的终端转动数据具体为：基于终端陀螺仪传感器获取对应的终端转动数据。4.根据权利要求2或3所述的方法，其中，所述方法还包括：基于终端陀螺仪传感器获取初始化的图像对应的终端初始数据；所述获取对应的终端转动数据进一步包括：基于终端陀螺仪传感器获取展示终端转动后的终端实时数据；计算所述终端初始数据与所述终端实时数据的差值，得到对应的终端转动数据。5.根据权利要求1
‑
4中任一项所述的方法，其中，所述终端转动数据包括终端转动角度；所述终端转动角度包括如下的一个或多个：终端展示界面平行方向的第一转动角度、第二转动角度、终端展示界面垂直方向的第三转动角度。6.根据权利要求5所述的方法，其中，所述根据所述终端转动数据，确定图像的交互渲染数据进一步包括：根据所述第一转动角度、第二转动角度和/或第三转动角度，确定图像中各层图层图片的交互渲染数据；所述交互渲染数据包含图片偏移量和/或图片透明度。7.根据权利要求6所述的方法，其中，所述根据所述第一转动角度、第二转动角度和/或第三转动角度，确定图像中各层图层图片的交互渲染数据具体为：根据预设曲线函数将所述第一转动角度、第二转动角度...

【专利技术属性】
技术研发人员：施扬，王瀚渔，臧至聪，
申请(专利权)人：上海哔哩哔哩科技有限公司，
类型：发明
国别省市：