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

技术编号:35862857 阅读:34 留言:0更新日期:2022-12-07 10:53
本申请公开了一种图像交互展示方法及装置,方法包括:在页面的展示区域中展示第一3D图像;响应用户对展示终端的转动操作,在展示区域中展示第二3D图像,其中,第二3D图像基于转动操作对第一3D图像进行偏移处理获得。基于用户对展示终端的转动操作,将初始展示的第一3D图像跟随转动操作进行偏移处理,得到交互后的第二3D图像,实现用户与图像的交互,呈现给用户裸眼视觉的立体变化空间感,提升用户观看图像的趣味性。图像的趣味性。图像的趣味性。

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


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

技术介绍

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

技术实现思路

[0003]鉴于上述问题,提出了本申请实施例以便提供一种克服上述问题或者至少部分地解决上述问题的图像交互展示方法及装置。
[0004]根据本申请实施例的第一方面,提供了一种图像交互展示方法,其包括:
[0005]在页面的展示区域中展示第一3D图像;
[0006]响应用户对展示终端的转动操作,在展示区域中展示第二3D图像,其中,第二3D图像基于转动操作对第一3D图像进行偏移处理获得。
[0007]可选地,在页面的展示区域中显示第一3D图像具体为:
[0008]响应用户触发的图像展示操作,展示第一3D图像;其中,第一3D图像由多个图层叠加展示,每一图层展示不同图片,不同图片根据预设初始化数据加载。
[0009]可选地,响应用户对展示终端的转动操作,在展示区域中展示第二3D图像进一步包括:
[0010]响应用户对展示终端的转动操作,将第一3D图像中各个图层的图片跟随转动操作进行偏移处理,展示偏移处理后得到的第二3D图像。
[0011]可选地,响应用户对展示终端的转动操作,将第一3D图像中各个图层的图片跟随转动操作进行偏移处理,展示偏移处理后得到的第二3D图像进一步包括:
[0012]响应用户对展示终端的转动操作,将第一3D图像中各个图层的图片跟随转动操作按照偏移方向以及偏移幅度进行偏移处理,展示偏移处理后得到的第二3D图像;其中,各个图层的偏移方向、偏移幅度根据终端转动角度确定,各个图层的偏移幅度不同;终端转角数据基于终端陀螺仪传感器感应用户的转动操作得到。
[0013]可选地,页面包括用户主页;第一3D图像包括用户头像和/或用户封面图像;第二3D图像包括偏移处理后的用户头像和/或用户封面图像;
[0014]响应用户对展示终端的转动操作,在展示区域中展示第二3D图像进一步包括:
[0015]响应用户对展示终端的转动操作,在用户主页中将用户头像和/或用户封面图像跟随转动操作进行偏移处理,得到偏移处理后的用户头像和/或用户封面图像;
[0016]和/或,
[0017]页面包括图像列表页面和/或图像详情页面;图像列表页面包含至少一个待选取
的目标图像;图像详情页面包含目标图像以及目标图像的描述信息;第一3D图像包括目标图像;第二3D图像包括偏移处理后的目标图像;
[0018]响应用户对展示终端的转动操作,在展示区域中展示第二3D图像进一步包括:
[0019]响应用户对展示终端的转动操作,在图像列表页面和/或图像详情页面中将目标图像跟随转动操作进行偏移处理,得到偏移处理后的目标图像。
[0020]可选地,页面还包括:图像概览页面;
[0021]方法还包括:
[0022]响应用户点击用户头像和/或用户封面图像的操作,弹出图像概览页面;图像概览页面包含用户头像和/或用户封面图像对应的目标图像;
[0023]响应用户对展示终端的转动操作,在图像概览页面中将目标图像跟随转动操作进行偏移处理,得到偏移处理后的目标图像。
[0024]可选地,方法还包括:
[0025]根据用户在图像列表页面中选取的目标图像,在用户主页中将目标图像作为用户头像和/或用户封面图像进行展示。
[0026]根据本申请实施例的第二方面,提供了一种图像交互展示方法,其包括:
[0027]在页面的展示区域中展示至少第一图像和第二图像;
[0028]响应用户对展示终端的转动操作,增加第一图像的透明度,并同时降低第二图像的透明度。
[0029]可选地,在页面的展示区域中展示至少第一图像和第二图像具体为:
[0030]响应用户触发的图像展示操作,在页面的展示区域中展示至少第一图像和第二图像;其中,第一图像的透明度低于第二图像的透明度。
[0031]可选地,响应用户对展示终端的转动操作,增加第一图像的透明度,并同时降低第二图像的透明度进一步包括:
[0032]响应用户对展示终端的转动操作,跟随转动操作增加第一图像的透明度,并同时降低第二图像的透明度,以隐藏第一图像,展示第二图像呈现闪卡效果;其中,第一图像和第二图像调整的透明度根据终端转动角度确定;终端转角数据基于终端陀螺仪传感器感应用户的转动操作得到。
[0033]可选地,页面包括用户主页;展示区域包括用户头像展示区域和/或用户封面图像展示区域;
[0034]和/或,
[0035]页面包括图像列表页面;展示区域包括图像列表页面中待选取目标图像展示区域;
[0036]和/或,
[0037]页面包括图像详情页面;展示区域包括目标图像展示区域。
[0038]可选地,页面还包括:图像概览页面;
[0039]方法还包括:
[0040]响应用户点击用户头像和/或用户封面图像的操作,弹出图像概览页面;图像概览页面包含用户头像和/或用户封面图像对应的目标图像;
[0041]响应用户对展示终端的转动操作,在图像概览页面的目标图像展示区域中跟随转
动操作调整目标图像中多个图像透明度,展示呈现闪卡效果的目标图像。
[0042]可选地,方法还包括:
[0043]根据用户在图像列表页面中选取的目标图像,在用户主页中将目标图像作为用户头像和/或用户封面图像进行展示。
[0044]根据本申请实施例的第三方面,提供了一种图像交互展示装置,其包括:
[0045]第一初始化模块,适于在页面的展示区域中展示第一3D图像;
[0046]第一交互模块,适于响应用户对展示终端的转动操作,在展示区域中展示第二3D图像,其中,第二3D图像基于转动操作对第一3D图像进行偏移处理获得。
[0047]根据本申请实施例的第四方面,提供了一种图像交互展示装置,其包括:
[0048]第二初始化模块,适于在页面的展示区域中展示至少第一图像和第二图像;
[0049]第二交互模块,适于响应用户对展示终端的转动操作,增加第一图像的透明度,并同时降低第二图像的透明度。
[0050]根据本申请实施例的第五方面,提供了一种计算设备,包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;
[0051]所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行上述图像交互展示方法对应的操作。
[0052]根据本申请实施例的第六方面,提供了一种计算机存储介质本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种图像交互展示方法,其包括:在页面的展示区域中展示第一3D图像;响应用户对展示终端的转动操作,在所述展示区域中展示第二3D图像,其中,所述第二3D图像基于所述转动操作对所述第一3D图像进行偏移处理获得。2.根据权利要求1所述的方法,其中,所述在页面的展示区域中显示第一3D图像具体为:响应用户触发的图像展示操作,展示第一3D图像;其中,所述第一3D图像由多个图层叠加展示,每一图层展示不同图片,不同图片根据预设初始化数据加载。3.根据权利要求1或2所述的方法,其中,所述响应用户对展示终端的转动操作,在所述展示区域中展示第二3D图像进一步包括:响应用户对展示终端的转动操作,将所述第一3D图像中各个图层的图片跟随所述转动操作进行偏移处理,展示偏移处理后得到的第二3D图像。4.根据权利要求3所述的方法,其中,所述响应用户对展示终端的转动操作,将所述第一3D图像中各个图层的图片跟随所述转动操作进行偏移处理,展示偏移处理后得到的第二3D图像进一步包括:响应用户对展示终端的转动操作,将所述第一3D图像中各个图层的图片跟随所述转动操作按照偏移方向以及偏移幅度进行偏移处理,展示偏移处理后得到的第二3D图像;其中,各个图层的偏移方向、偏移幅度根据终端转动角度确定;各个图层的偏移幅度不同;所述终端转角数据基于终端陀螺仪传感器感应用户的转动操作得到。5.根据权利要求1

4中任一项所述的方法,其中,所述页面包括用户主页;所述第一3D图像包括用户头像和/或用户封面图像;所述第二3D图像包括偏移处理后的用户头像和/或用户封面图像;所述响应用户对展示终端的转动操作,在所述展示区域中展示第二3D图像进一步包括:响应用户对展示终端的转动操作,在用户主页中将所述用户头像和/或用户封面图像跟随所述转动操作进行偏移处理,得到偏移处理后的用户头像和/或用户封面图像;和/或,所述页面包括图像列表页面和/或图像详情页面;所述图像列表页面包含至少一个待选取的目标图像;所述图像详情页面包含目标图像以及目标图像的描述信息;所述第一3D图像包括目标图像;所述第二3D图像包括偏移处理后的目标图像;所述响应用户对展示终端的转动操作,在所述展示区域中展示第二3D图像进一步包括:响应用户对展示终端的转动操作,在图像列表页面和/或图像详情页面中将所述目标图像跟随所述转动操作进行偏移处理,得到偏移处理后的目标图像。6.根据权利要求5所述的方法,其中,所述页面还包括:图像概览页面;所述方法还包括:响应用户点击所述用户头像和/或用户封面图像的操作,弹出图像概览页面;所述图像概览页面包含所述用户头像和/或用户封面图像对应的目标图像;响应用户对展示终端的转动操作,在图像概览页面中将所述目标图像跟随所述转动操
作进行偏移处理,得到偏移处理后的目标图像。7.根据权利要求5所述的方法,其中,所述方法还包括:根据用户在所述图像列表页面中选取的目标图像,在用户主页中将所述目标图像作为用户头像和/或用户封面图像进行展示。8.一种图像交互展示方法,其包括:...

【专利技术属性】
技术研发人员:王畈月
申请(专利权)人:上海哔哩哔哩科技有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1