CN116596611A - 商品对象信息展示方法及电子设备 - Google Patents
商品对象信息展示方法及电子设备 Download PDFInfo
- Publication number
- CN116596611A CN116596611A CN202310420794.6A CN202310420794A CN116596611A CN 116596611 A CN116596611 A CN 116596611A CN 202310420794 A CN202310420794 A CN 202310420794A CN 116596611 A CN116596611 A CN 116596611A
- Authority
- CN
- China
- Prior art keywords
- models
- commodity
- target
- objects
- commodity objects
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 83
- 230000000694 effects Effects 0.000 claims abstract description 42
- 230000008569 process Effects 0.000 claims abstract description 37
- 238000013519 translation Methods 0.000 claims abstract description 26
- 238000009877 rendering Methods 0.000 claims abstract description 23
- 230000003993 interaction Effects 0.000 claims abstract description 13
- 230000033001 locomotion Effects 0.000 claims description 20
- 230000002452 interceptive effect Effects 0.000 claims description 16
- 238000012545 processing Methods 0.000 claims description 16
- 230000002776 aggregation Effects 0.000 claims description 14
- 238000004220 aggregation Methods 0.000 claims description 14
- 230000000007 visual effect Effects 0.000 claims description 12
- 238000003860 storage Methods 0.000 claims description 6
- 238000003384 imaging method Methods 0.000 claims description 5
- 238000004590 computer program Methods 0.000 claims description 3
- 239000000758 substrate Substances 0.000 claims 1
- 238000005516 engineering process Methods 0.000 description 12
- 230000004044 response Effects 0.000 description 12
- 238000004891 communication Methods 0.000 description 10
- 238000005096 rolling process Methods 0.000 description 7
- 230000008859 change Effects 0.000 description 6
- 230000003287 optical effect Effects 0.000 description 5
- 238000010586 diagram Methods 0.000 description 4
- 230000005236 sound signal Effects 0.000 description 4
- 230000001360 synchronised effect Effects 0.000 description 4
- 238000004088 simulation Methods 0.000 description 3
- 230000001133 acceleration Effects 0.000 description 2
- 230000009471 action Effects 0.000 description 2
- 238000007726 management method Methods 0.000 description 2
- 238000004091 panning Methods 0.000 description 2
- 210000000707 wrist Anatomy 0.000 description 2
- 230000006978 adaptation Effects 0.000 description 1
- 238000013459 approach Methods 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000009826 distribution Methods 0.000 description 1
- 230000008846 dynamic interplay Effects 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- YWXYYJSYQOXTPL-SLPGGIOYSA-N isosorbide mononitrate Chemical compound [O-][N+](=O)O[C@@H]1CO[C@@H]2[C@@H](O)CO[C@@H]21 YWXYYJSYQOXTPL-SLPGGIOYSA-N 0.000 description 1
- 230000009191 jumping Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 239000000463 material Substances 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Classifications
-
- 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/06—Buying, selling or leasing transactions
- G06Q30/0601—Electronic shopping [e-shopping]
- G06Q30/0641—Shopping interfaces
- G06Q30/0643—Graphical representation of items or shoppers
-
- 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/06—Buying, selling or leasing transactions
- G06Q30/0601—Electronic shopping [e-shopping]
- G06Q30/0623—Item investigation
- G06Q30/0625—Directed, with specific intent or strategy
- G06Q30/0627—Directed, with specific intent or strategy using item specifications
-
- 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/06—Buying, selling or leasing transactions
- G06Q30/0601—Electronic shopping [e-shopping]
- G06Q30/0623—Item investigation
- G06Q30/0625—Directed, with specific intent or strategy
- G06Q30/0629—Directed, with specific intent or strategy for generating comparisons
-
- 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/06—Buying, selling or leasing transactions
- G06Q30/0601—Electronic shopping [e-shopping]
- G06Q30/0631—Item recommendations
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T15/00—3D [Three Dimensional] image rendering
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02P—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN THE PRODUCTION OR PROCESSING OF GOODS
- Y02P90/00—Enabling technologies with a potential contribution to greenhouse gas [GHG] emissions mitigation
- Y02P90/30—Computing systems specially adapted for manufacturing
Abstract
本申请实施例公开了商品对象信息展示方法及电子设备,所述方法包括:获取待展示的多个商品对象的3D模型;在目标页面中加载3D空间容器,将所述多个商品对象的3D模型放置在所述3D空间容器中的同一目标平面内;通过控制所述3D空间容器中虚拟相机的位置,将进入到所述虚拟相机拍摄范围的多个商品对象的3D模型进行渲染展示;在响应用户互动操作的过程中,通过将第一目标方向上的滑动操作解析为平移操作,模拟出所述多个商品对象的3D模型在所述第一目标方向上以信息流形式进行展示的效果。通过本申请实施例,能够提升对商品对象3D模型的浏览效率,并且还可以在同屏中通过多个商品对象的3D模型查看商品对象的细节,便于通过3D模型对不同商品对象进行对比。
Description
技术领域
本申请涉及信息展示技术领域,特别是涉及商品对象信息展示方法及电子设备。
背景技术
随着3D技术的不断发展,其在商品对象展示方面的应用也不断得到完善。例如,在一些商品对象信息服务系统中,传统的商品对象展示方式通常包括图文、短视频等,但是,由于图文、短视频展示过程中,经常会存在色差、尺寸不符等情况,会让消费者产生图片和实物不一致的疑虑,且消费者需要消耗大量精力阅读和比较后才能做出购买决策。而基于3D模型的商品对象展示可以让消费者主动与商品对象进行互动,全方位了解商品对象材质、细节、结构等,从而降低购买决策用时,提高购买速度。因此,相较于传统商品对象展示中采用的图文、短视频等展现形式,3D动态互动形式的商品对象展示对于消费者更有吸引力,更有利于帮助用户进行购买决策。
现有技术中,对于具有3D模型的商品对象,通常可以在商品对象详情页等页面中,提供用于查看3D模型的入口,通过该入口,可以对3D模型进行渲染展示,并且,用户可以通过在屏幕中执行滑动动作等方式与3D模型进行互动,包括改变视角以查看商品对象的更多细节,等等。
但是,这种现有技术的方式,用户查看商品对象3D模型的路径会比较长,如果用户需要查看不同商品对象的3D模型,则路径会更长。例如,假设用户输入某关键词进行了搜索,并且对搜索结果中的商品对象A及商品对象B都比较感兴趣,需要通过查看各自的3D模型进行详细对比。则该用户需要首先从商品对象搜索结果列表页选择访问商品对象A的详情页,在详情页中点击查看商品对象A的3D模型进行查看并互动;之后,再返回到商品对象搜索结果列表页中选择访问商品对象B的详情页,再在商品对象B的详情页中点击查看商品对象B的3D模型,等等。
发明内容
本申请提供了商品对象信息展示方法及电子设备,能够提升对商品对象3D模型的浏览效率,并且还可以在同屏中通过多个商品对象的3D模型查看商品对象的细节,便于通过3D模型对不同商品对象进行对比。
本申请提供了如下方案:
一种商品对象信息展示方法,包括:
获取待展示的多个商品对象的3D模型;
在目标页面中加载3D空间容器,将所述多个商品对象的3D模型放置在所述3D空间容器中的同一目标平面内;
通过控制所述3D空间容器中虚拟相机的位置,将进入到所述虚拟相机拍摄范围的多个商品对象的3D模型进行渲染展示;
在响应用户互动操作的过程中,通过将第一目标方向上的滑动操作解析为平移操作,模拟出所述多个商品对象的3D模型在所述第一目标方向上以信息流形式进行展示的效果。
其中,所述通过将第一目标方向上的滑动操作解析为平移操作,模拟出所述多个商品对象的3D模型在所述第一目标方向上以信息流形式进行展示的效果,包括:
通过将第一目标方向上的滑动操作,解析为对所述虚拟相机执行的在所述第一目标方向上的平移操作,模拟出所述多个商品对象的3D模型在所述第一目标方向上以信息流形式进行展示的效果。
其中,还包括:
所述多个商品对象分为多个商品对象组;所述目标页面中包括多个标签选项,每个标签选项与一个商品对象组对应;
所述将所述多个商品对象的3D模型放置在所述3D空间容器中的同一目标平面内,包括:
将所述同一目标平面划分为多个不同区域,分别与所述多个商品对象组对应,以便将所述多个商品对象的3D模型放置在所属的商品对象组所在的区域内;
所述通过控制所述3D空间容器中虚拟相机的位置,对所述多个商品对象的3D模型进行渲染展示,包括:
在初始状态下,将所述虚拟相机移动到默认选中的标签选项对应的商品对象组所在的区域,以便对该商品对象组中多个商品对象的3D模型进行渲染展示;
响应于切换到其他标签选项进行展示的操作请求,将所述虚拟相机移动到所述其他标签选项对应的商品对象组所在的区域,以便对所述其他标签选项对应的商品对象组中多个商品对象的3D模型进行渲染展示。
其中,还包括:
通过控制多个商品对象的3D模型在所述目标平面上的放置方式,投影过程中的成像方式,和/或所述虚拟相机的视角,将所述目标页面中展示出的3D模型处于易于观察的状态。
其中,还包括:
响应于所述第一目标方向上的滑动操作结束事件,根据所述虚拟相机的当前平移速度,计算在所述目标方向上产生的惯性运动的距离范围;
通过对所述虚拟相机的平移速度进行降速处理,模拟出在所述距离范围内有阻力地惯性运动效果。
其中,还包括:
在所述目标页面中展示前景氛围元素,所述前景氛围元素通过3D模型的方式实现;
在响应用户执行的第一目标方向上的互动操作的过程中,将第一目标方向上的滑动操作解析为对所述前景氛围元素的平移操作,并控制所述虚拟相机与前景氛围元素产生的不同平移速度,将所述多个商品对象的3D模型与所述前景氛围元素进行视差滚动。
其中,还包括:
响应于第二目标方向上的滑动操作,通过将所述第二目标方向上的滑动操作解析为对所述虚拟相机执行的转动操作,控制所述多个商品对象的3D模型进行同步转动。
其中,还包括:
如果所述多个商品对象的3D模型的尺寸跨度大于阈值,则对所述多个商品对象的3D模型进行缩放处理后再进行渲染展示。
其中,所述获取待展示的多个商品对象的3D模型,包括:
提供按类目或主题对多个商品对象的3D模型进行聚合展示的操作入口;
通过目标类目或目标主题对应的所述操作入口接收到访问请求后,获取该目标类目或目标主题对应的多个商品对象的3D模型。
其中,所述获取待展示的多个商品对象的3D模型,包括:
接收到通过目标关键词发起的商品对象搜索请求后,根据所述目标关键词确定目标类目或目标主题;
在商品对象搜索结果页面中提供按所述目标类目或目标主题对应的对多个商品对象的3D模型进行聚合展示的操作入口;
通过所述操作入口接收到访问请求后,获取所述目标类目或目标主题对应的多个商品对象的3D模型。
一种商品对象信息展示装置,包括:
模型获取单元,用于获取待展示的多个商品对象的3D模型;
模型放置单元,用于在目标页面中加载3D空间容器,并将所述多个商品对象的3D模型放置在所述3D空间容器中的同一目标平面内;
渲染展示单元,用于通过控制所述3D空间容器中虚拟相机的位置,将进入到所述虚拟相机拍摄范围的多个商品对象的3D模型进行渲染展示;
互动响应单元,用于在响应用户互动操作的过程中,通过将第一目标方向上的滑动操作解析为平移操作,模拟出所述多个商品对象的3D模型在所述第一目标方向上以信息流形式进行展示的效果。
一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现前述任一项所述的方法的步骤。
一种电子设备,包括:
一个或多个处理器;以及
与所述一个或多个处理器关联的存储器,所述存储器用于存储程序指令,所述程序指令在被所述一个或多个处理器读取执行时,执行前述任一项所述的方法的步骤。
根据本申请提供的具体实施例,本申请公开了以下技术效果:
通过本申请实施例,能够利用3D技术,在目标页面中加载3D空间容器,将所述多个商品对象的3D模型放置在所述3D空间容器中的同一目标平面内,之后,通过控制所述3D空间容器中虚拟相机的位置,可以将进入到所述虚拟相机拍摄范围的多个商品对象的3D模型进行渲染展示。之后,在响应用户通过滑动屏幕的方式执行互动操作的过程中,可以将第一目标方向上的滑动操作解析为平移操作。通过上述方式,可以模拟出所述多个商品对象的3D模型在所述第一目标方向上以信息流形式进行展示的效果,这样,可以提升对商品对象3D模型的浏览效率,并且还可以在同屏中通过多个商品对象的3D模型查看商品对象的细节,便于通过3D模型对不同商品对象进行对比。
当然,实施本申请的任一产品并不一定需要同时达到以上所述的所有优点。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本申请实施例提供的系统架构的示意图;
图2是本申请实施例提供的方法的流程图;
图3是本申请实施例提供的第一界面示意图;
图4是本申请实施例提供的第二界面示意图;
图5是本申请实施例提供的第三界面示意图;
图6是本申请实施例提供的第四界面示意图;
图7是本申请实施例提供的装置的示意图;
图8是本申请实施例提供的电子设备的示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员所获得的所有其他实施例,都属于本申请保护的范围。
首先需要说明的是,本申请发明人在实现本申请的过程中发现,通过信息流(例如,Feeds流、瀑布流等)形式进行商品对象信息展示时,具有展示效率较高,便于用户在多个商品对象之间进行对比选择的优点。其中,所谓的信息流形式的展示是指,将多个商品对象的信息聚合到一个页面中并呈现给用户的一种内容展示形式。以Feeds流为例,Feed是信息聚合的最小单元,每一条状态或者消息都是Feed,在商品对象信息展示领域,每个商品对象就可以对应一个Feed。在一些页面中向用户进行商品对象信息推荐时,经常会采用这种信息流的形式,也即,可以根据用户的个性化喜好等,生成待推荐的商品对象集合,然后,将这些商品对象的信息以Feeds流的形式展示在页面中,供用户进行浏览。
但是,现有技术中,这种Feeds流中展示的商品对象信息通常是2D的图文、短视频等,对于商品对象的3D模型等信息,通常还是需要用户借助于商品对象推荐页面、商品对象搜索、分类展示等页面进行商品对象选择,然后进入到商品对象详情页中才能获取到查看3D模型的入口;或者,还可以提供专门的3D主题或频道,并在主题或频道页面中选择查看具体商品对象的3D模型。但是,在这种主题页面或者频道页面中,商品对象信息仍然是2D的图文等,不会直接展示3D模型。
基于上述情况,在本申请实施例中,提供了基于3D技术模拟2D页面中的信息流的形式,对多个商品对象的3D模型进行聚合展示,以此达到在向用户展示商品对象的3D模型的过程中,提升3D模型的呈现效率的目的。具体实现时,可以通过多种方式将多个具有3D模型的商品对象组织在一起,例如,按照类目进行划分,或者按照主题进行商品对象聚类,等等。之后,可以在同一目标页面中对这些商品对象的3D模型进行聚合展示。在展示时,可以在目标页面中加载3D空间容器,并将所述多个商品对象的3D模型放置在所述3D空间容器中的同一目标平面内(这样,可以使得这些3D模型看上去像是被统一摆放在某张无形的桌子的桌面上),然后,可以控制3D空间容器中的虚拟相机的位置,并对所述多个商品对象的3D模型进行渲染展示。在可选的方式下,具体商品对象的3D模型可以在默认状态下呈现出自动转动的效果,使得用户可以在同一页面中对多个商品对象的3D模型进行多角度观察。
另外,用户还可以通过滑动屏幕的方式执行互动操作,包括上下或者横向的滑动屏幕,在此过程中,还可以通过将第一目标方向上的滑动操作(例如,上下滑动)解析为平移操作,模拟出所述多个商品对象的3D模型在所述第一目标方向上以信息流形式进行展示的效果。也就是说,由于本申请实施例是在3D空间容器中对商品对象的3D模型进行展示,在这种情况下通过滑动屏幕的方式进行互动时,具体的相应方式可以有多种,例如,每个方向的滑动操作都可以触发相机视角的变化,或者单独触发某个3D模型的转动,等等;但是,在本申请实施例中,需要模拟出类似于2D页面中的Feeds流的展示效果,因此,就可以对具体针对用户互动操作的响应方式进行控制,使得用户在某个特定方向上的滑动操作,可以被解析为该方向上的平移操作,这样,当用户执行了该方向上的滑动操作时,就可以呈现出类似于在2D页面上将多个商品对象信息卡片进行滚动展示(例如,“双列流”等形式)的效果,当然,在本申请实施例中,页面中展示的不再是2D的商品对象信息卡片,而是3D模型。
从系统角度而言,本申请实施例可以在商品对象信息服务系统中实现,具体的,参见图1,该系统可以涉及到服务端以及客户端。其中,服务端具体可以运行在服务器(包括独立服务器或者云服务器等)中,客户端则主要可以运行在用户的终端设备中,包括移动终端等。其中,服务端主要可以用于提供相关的数据,包括本申请实施例中关于具体商品对象的3D模型,另外,关于商品对象的聚合方式,包括如何按照何种类目、主题对商品对象进行聚合等,也可以预先在服务端来完成。客户端则主要用于进行前端页面的展示,在本申请实施例中,由于需要在目标页面中展示商品对象的3D模型,并且需要模拟2D页面中Feeds流的展示形式,因此,可以预先对目标页面进行3D布局,具体的,可以在目标页面中嵌入3D空间容器,以便基于该3D空间容器进行商品对象3D模型的渲染展示。在客户端获取到多个商品对象的3D模型数据后,可以由客户端将具体商品对象的3D模型放置到3D空间容器中的同一目标平面内,另外,还可以控制3D空间容器中虚拟相机的位置,对所述多个商品对象的3D模型进行渲染展示。最后,也可以通过客户端对具体互动操作过程中的响应方式进行控制,包括将第一目标方向上的滑动操作解析为平移操作等,以达到模拟2D页面中的Feeds流滚动展示的效果。也就是说,具体的展示以及互动过程中的处理,都可以在客户端侧来完成。
下面对本申请实施例提供的具体实现方案进行详细介绍。
首先,本申请实施例从前述客户端的角度,提供了一种商品对象信息展示方法,参见图2,该方法具体可以包括:
S201:获取待展示的多个商品对象的3D模型。
其中,所谓的多个商品对象,就是需要在同一页面中对3D模型进行聚合展示的多个商品对象。具体实现时,可以预先在服务端根据具体的类目、主题等,将具有3D模型的多个商品对象进行聚合,之后,可以将这种用于对多个商品对象的3D模型进行聚合展示的目标页面通过多种渠道进行投放。这样,客户端可以在接收到对某个类目或主题对应的聚合页面进行展示的请求后,从服务端获取具体多个商品对象的3D模型。
具体实现时,具体用于投放上述目标页面的渠道可以有多种,例如,一种方式下,可以将上述页面投放到客户端首页或其二级页面等流量分发页面中,在具体进行投放时,还可以将多个不同类目或者主题的聚合页面进行打包投放,例如,统称为“3D体验”等,用户通过客户端首页等进入到“3D体验”页面,之后,可以在该页面中展示多个具体的类目或者主题名称,这些类目或者主题名称即可作为按类目或主题对多个商品对象的3D模型进行聚合展示的操作入口。例如,如图3(A)中的31处所示,可以将上述“3D体验”入口投放到客户端首页下的“分类”页面中,这样,用户可以在该“分类”页面中获取到该入口,从该入口页面可以查看到多种不同类目或主题的3D聚合展示页面的入口,例如,图3(A)中所示的“天幕”、“电子机械表”等,都对应着不同的类目。客户端在通过目标类目或目标主题对应的所述操作入口接收到访问请求后,可以获取该目标类目或目标主题对应的多个商品对象的3D模型。
或者,另一种方式下,还可以在搜索等场景中投放3D聚合展示页面的入口。此时,可以在接收到通过目标关键词发起的商品对象搜索请求后,根据所述目标关键词确定出匹配的目标类目或目标主题,然后,可以在商品对象搜索结果页面中提供按所述目标类目或目标主题对应的对多个商品对象的3D模型进行聚合展示的操作入口;客户端在通过所述操作入口接收到访问请求后,可以获取所述目标类目或目标主题对应的多个商品对象的3D模型。
例如,假设用户在客户端首页的搜索框中输入关键词“手表”,则如图3(B)中的32处所示,可以在搜索结果页面的顶部等位置,提供“腕表馆”等相关类目或主题的3D聚合页面的访问入口,用户如果点击该访问入口,则客户端可以获取到该类目或主题对应的多个商品对象的3D模型,以便于通过后续的步骤进行渲染展示。
这里需要说明的是,关于商品对象的3D模型,可以是预先保存在服务端的,具体可以由商家提供,或者,也可以是由商品对象信息服务系统中提供的相关工具等来生成,这里不进行限定。另外,由于商品对象3D模型通常可能会数据量比较大,不适合在客户端本地缓存中进行保存,因此,客户端在接收到具体的访问请求后,具体可以从服务端请求加载多个商品对象的3D模型。另外,在具体实现时,同一目标页面中聚合的多个商品对象还可以划分为多个商品对象组,例如,可以具体类目下可以包括多个细分类目,主题下可以包括多个细分主题,或者,还可以是同一主题下包括多个类目,等等,每个细分类目或者细分主题可以分别对应一个商品对象组。具体如,“腕表馆”主题下,具体可以包括女士手表、儿童手表、电子机械表等多个具体类目,等等。在这种情况下,在目标页面中对多个商品对象的3D模型进行展示时,还可以在目标页面中提供多个标签选项(tab),每个标签选项可以对应一个商品对象组,这样,可以以商品对象组为单位进行3D模型的聚合展示。也就是说,同一时刻,目标页面中可以仅展示一个tab下多个商品对象的3D模型。对于这种情况,客户端可以首先对默认展示的tab对应的商品对象组下的多个商品对象的3D模型进行加载,关于其他tab对应的商品对象组下的多个商品对象的3D模型,则可以在接收到具体的tab切换请求时再加载,以避免造成资源浪费。或者,也可以将历史访问率比较高的几个tab对应的商品对象组下的多个商品对象的3D模型进行提前加载,以提升响应速度,等等。
S202:在目标页面中加载3D空间容器,将所述多个商品对象的3D模型放置在所述3D空间容器中的同一目标平面内,并对所述多个商品对象的3D模型进行渲染展示。
其中,目标页面就是用于对多个商品对象的3D模型进行聚合展示的页面。由于需要在页面展示商品对象的3D模型,因此,在获取多个商品对象的3D模型的过程中,还可以在目标页面中加载3D空间容器,以便通过该3D空间容器对3D模型进行展示。
在本申请实施例中,由于需要模拟2D页面中的Feeds流式的展示效果,因此,可以不必预先制作复杂的3D场景模型(主要用于起到对背景烘托等作用),也就是说,在放入具体商品对象的3D模型之前,3D空间容器中可以是空的。在加载了3D空间容器后,可以将待展示的多个商品对象的3D模型放置在3D空间容器中的同一目标平面内。该目标平面可以是3D空间容器中的任意平面,例如,可以是3D空间容器中X轴与Z轴同时所在的平面,等等。通过这种方式,可以模拟出将多个商品对象放置在三维空间中某个具体平面上的效果,以便于对多个不同商品对象的3D模型进行比对。其中,具体在对3D模型进行放置时,可以根据具体3D模型的特点,选择平放或者竖放等多种放置方式。其中,具体的放置方式也可以是预先配置好的,可以根据具体所需聚合的多个商品对象所属的类目等特点,配置出适合的放置方式,然后按照对应的配置信息完成放置过程即可。
S203:通过控制所述3D空间容器中虚拟相机的位置,将进入到所述虚拟相机拍摄范围的多个商品对象的3D模型进行渲染展示。
在完成对3D模型的放置之后,可以对所述多个商品对象的3D模型进行渲染展示。其中,具体在进行渲染的过程中,在一种具体实现方式下,可以首先控制所述3D空间容器中虚拟相机的位置,然后根据虚拟相机的位置来进行渲染。其中,虚拟相机是3D渲染中的概念,在3D展示系统中,都会创建虚拟相机对象,虚拟相机所对的区域就是渲染区域,所以调整相机的位置,可以获得不同角度、方位的渲染图(可以把虚拟相机理解成真实世界的相机,而渲染出来的图像就相当于这个相机所拍出来的照片)。
其中,具体在控制虚拟相机的位置时,可以根据所述多个商品对象的3D模型的特点,为所述虚拟相机确定适合的视角,以便将所述3D模型展示为易于观察的状态。也就是说,一些商品对象的3D模型,通常更适合于俯视,另外一些商品对象的3D模型可能更适合于平视,或者具有一定倾斜角度的侧视,等等。因此,对虚拟相机视角的控制,主要是为了还原用户在生活场景中观看具体商品对象实物时针对不同物品的观察体验。例如,对于书本等物品,将其平放在桌子,从上往下看会更直观,而对于杯子等物品,在摆放在桌子上时,从侧面看可以更直观,等等。当然,由于在本申请实施例中,聚合在同一页面中进行展示的商品对象的3D模型通常属于同一类目或者同一主题,而同一类目或同一主题在选择适合的视角时,通常会具有共同的特点,因此,具体实现时,可以预先为多种不同类目或者不同主题等配置各自适合的视角,这样,客户端具体在进行展示的过程中,可以根据当前具体需要展示的多个商品对象所属的类目或主题等,确定出适合的视角,并对具体的虚拟相机进行配置即可。技术实现上,除了可以调整虚拟相机的视角,还可以结合商品对象平放或竖放等多种放置方式,正交投影、透视投影等多种成像方式,来共同达到上述目的。
在确定出虚拟相机的位置后,可以对多个商品对象的3D模型进行渲染,从而使得多个商品对象的3D模型可以同时展示在目标页面中。具体实现时,多个商品对象的3D模型在页面中的布局方式可以有多种,例如,一种方式下,可以是一排两列纵向排列,横向上占满一屏。当然,如果涉及到多tab的情况,可以是每个tab下都是一排两列纵向排列,横向上占满一屏,等等。
在可选的方式下,具体商品对象的3D模型在默认状态下可以呈现出自动转动的效果,使得用户可以在同一目标页面中对多个商品对象的3D模型进行多角度观察。例如,如图4(A)所示,其为“电子机械表”类的多个商品对象的3D模型在目标页面中聚合展示过程中在t1时刻的效果图,而在t2时刻,观察到的效果可以如图4(B)所示,可以看出,在不同的时刻,商品对象的3D模型会自动转动到不同的角度,不需要用户执行任何操作,即可对多个商品对象的3D模型进行多角度的观察。
需要说明的是,在实际应用中,有些页面聚合出的多个商品对象可能存在品类比较复杂的情况,例如,对于“户外”这一聚合主题,其中的商品对象可能帐篷、卡式炉等等,此时,需要在同一页面中进行聚合展示的多个商品对象,其各种对应的3D模型的尺寸跨度可能会比较大,如果直接按照原尺寸比例进行展示,则可能会出现同一页面中有的商品对象的3D模型过大或者过小等情况,不利于页面布局,也不便于用户浏览。因此,在具体实现时,如果多个商品对象的3D模型的尺寸跨度大于某阈值,则还可以对多个商品对象的3D模型进行缩放处理后再进行渲染展示。具体的,可以通过计算商品对象3D模型Mesh(网格体)的包围盒,例如,具体的包围盒可以是3D模型的外接长方体,利用该长方体的长宽高来代表3D模型的长宽高,这样,可以利用摆放在同一平面上时,长方体的对角线长度、高度等,做最长边适配,进而计算出模型的缩放比,以使得最终在同一页面中呈现出的多个不同商品对象的3D模型之间的大小不会有太大差距。当然,对于聚合出的多个商品对象的品类比较单一的情况,则可以不必进行上述缩放处理,以便于用户从模型尺寸上对不同商品对象进行对比。
另外,在具体实现时,还可以为具体的商品对象的3D模型添加标题、价格等信息,此时,可以通过3D空间容器实现对3D模型与2D文本内容的混排展示。具体实现时,可以在具体目标平面中所述3D模型所在的位置附近,为对应的商品对象添加2D的文本内容。当然,由于虚拟相机的视角可能存在平视或者侧视等情况,因此,还可以根据所述虚拟相机的视角,确定所述文本内容的放置角度,和/或文本内容与3D模型之间的间距,以避免文字内容出现变形等情况发生。
S204:在响应用户互动操作的过程中,通过将第一目标方向上的滑动操作解析为平移操作,模拟出所述多个商品对象的3D模型在所述第一目标方向上以信息流形式进行展示的效果。
在展示是出多个商品对象的3D模型之后,具体在响应用户的互动操作的过程中,还可以对具体的响应方式进行控制,以模拟出2D页面中信息流滚动展示的效果。其中,用户的互动操作通常可以是通过在借助于触摸屏或者触控板等执行的滑动操作来完成的。在普通的3D模型展示场景中,通常会将用户的上下左右各个方向的滑动操作都解析为改变视角,要么改变虚拟相机的角度,要么改变3D模型自身的旋转角度。但是,在本申请实施例中,为了在3D场景下模拟出2D页面中信息流滚动展示的效果,可以将用户在一个目标方向上的滑动操作解析为平移操作,也即,让多个商品对象的3D模型在该目标方向上平移运动,而不是在该目标方向上改变虚拟相机的角度或者3D模型的旋转角度。例如,具体的目标方向可以是纵向,假设在如图4(A)中所示的状态下,用户在屏幕上向上滑动一段距离,则可以呈现出如图4(C)所示的状态,也可以看出,4(A)中所示的部分商品对象的3D模型移动出了窗口的可视范围,而其他商品对象的3D模型进入了窗口的可视范围,以此呈现出多个商品对象的3D模型在纵向上以信息流的形式滚动展示的效果(当然,这里所谓的滚动展示,主要是指窗口可视范围内的3D模型在不断发生变化,不断有新的商品对象的3D模型进入可视范围,也不断有原来在可视范围内的3D模型离开可视范围,而在此过程中,具体3D模型并不会在纵向上发生转动)。
这里需要说明的是,在响应用户的互动操作的过程中,一种方式下,可以使得用户的互动操作直接作用于商品对象的3D模型,另一种方式下,也可以使得用户的互动操作作用于虚拟相机,通过虚拟相机的角度、位置等的变化,来呈现出商品对象3D模型的运动效果。在本申请实施例中,由于需要在同一页面中展示多个不同商品对象的3D模型,如果让用户的互动操作作用于具体商品对象的3D模型,则对终端设备内存的占用量会比较大;另一方面,在本申请实施例的场景中,用户在执行互动操作时,可以默认为是对页面中的多个3D模型统一执行的操作,而不是针对其中某一个商品对象的3D模型,因此,可以通过将用户的互动操作作用于虚拟相机的方式来实现。具体的,可以通过将第一目标方向上的滑动操作,解析为对所述虚拟相机执行的在所述第一目标方向上的平移操作,模拟出所述多个商品对象的3D模型在所述第一目标方向上以信息流形式进行展示的效果。也就是说,假设第一目标方向为纵向,则如果用户执行的是纵向的滑动操作,则可以控制虚拟相机在纵向上做平移运动,这样,可以使得多个商品对象的3D模型在纵向呈现出信息流式的展示(而不会使得商品对象的3D模型在纵向上转动)。
另外,如果用户执行的是第二目标方向(例如,横向)的滑动操作,则可以将所述第二目标方向上的滑动操作解析为对所述虚拟相机执行的转动操作,控制所述多个商品对象的3D模型进行同步转动。也就是说,如果用户执行的是横向的滑动操作,则可以控制虚拟相机在横向转动,相应的,页面中多个商品对象的3D模型也会在横向上同步转动。通过这种方式,可以通过3D技术实现传统的2D页面中才有的Feeds流滚动展示效果,从而在纵向上,可以获得Feeds流滚动展示形式的浏览效率,同时又能在同屏中通过左右滑动来转动3D模型,以便多角度查看商品对象的细节。
这里需要说明的是,在本申请实施例中,为了能够在第一目标方向上模拟出类似于2D页面中信息流滚动展示的效果,忽略掉了该第一目标方向上的转动响应,因此,如前文所述,具体渲染的过程中,虚拟相机的视角可能会有俯视、平视、侧视等多种不同方式,对于不同的视角,具体在上述模拟信息流的过程中,展示效果可能会有所不同。例如,在上述图4(A)中关于“电子机械表”的多个商品对象的3D模型的聚合展示的过程中,具体的视角选择的是俯视视角,也即,将虚拟相机悬在目标平面中多个商品对象的3D模型所在区域的上空进行垂直向下拍摄的视角,这样可以使得在上下滚动展示的过程中,多个商品对象的3D模型大小基本保持不变。而如果虚拟相机是对所述目标平面中多个商品对象的3D模型进行平视或者斜向拍摄的视角,则在所述以信息流形式进行滚动展示的过程中,具体的3D模型可以呈现出近大远小的动态变化效果。例如,如图5(A)中的51所示,其为某个商品对象的3D模型刚刚进入到窗口可视范围时的大小,而当页面向上滑动到如图5(B)所示的状态时,该商品对象的3D模型即将离开窗口可视范围,其大小可以如图5(B)中的52处所示,可见,与图5(A)中的51所示相比,其尺寸会有所缩小。
需要说明的是,具体实现时,还可以将同一目标页面中聚合的多个商品对象划分为多个商品对象组;此时,具体的目标页面中可以包括多个标签选项(tab),每个标签选项与一个商品对象组对应,用户可以通过切换tab的方式,实现对不同商品对象组中商品对象3D模型的浏览。在这种情况下,还可以将所述同一目标平面划分为多个不同区域,分别与所述多个商品对象组对应,以便将所述多个商品对象的3D模型放置在所属的商品对象组所在的区域内。也就是说,多个tab对应的多个商品对象的3D模型都可以放置在同一平面中,只是不同tab位于不同的区域。这样,具体在控制所述3D空间容器中虚拟相机的位置的过程中,在初始状态下,可以将所述虚拟相机移动到默认选中的标签选项对应的商品对象组所在的区域,以便对该商品对象组中多个商品对象的3D模型进行渲染展示。之后,如果用户通过点击具体的tab选项进行切换,则可以将所述虚拟相机移动到其他标签选项对应的商品对象组所在的区域,以便对其他标签选项对应的商品对象组中多个商品对象的3D模型进行渲染展示。例如,在图4(A)所示的例子中41处所示,具体的标签选项可以包括“推荐”、“电子机械表”、“智能手表”等,在默认状态下,“电子机械表”处于选中状态,则可以首先将虚拟相机对准该tab对应的商品对象组所在的区域;之后,如果用户点击了“智能手表”,则可以将该虚拟相机对准该“智能手表”tab对应的商品对象组所在的区域。其中,关于具体默认展示哪个标签选项,具体可以通过多种方式确定,例如,预先配置好每个页面中默认展示的标签选项,或者,也可以根据当前用户的个性化偏好信息等进行确定,等等。
当然,关于上述多tab展示的情况,还可以有其他的实现方式,例如,不同标签选项对应的商品对象组中的3D模型也可以被放置在不同的平面中,在切换标签选项时,可以通过在不同平面之间移动虚拟相机,来实现对渲染结果的切换。
需要说明的是,在对2D页面中的feeds流滚动展示进行模拟的过程中,还可以实现对惯性运动的模拟。其中,所谓惯性运动是指,在用户进行第一目标方向(例如,屏幕的纵向)上滑动过程中,当用户在屏幕或触控板上滑动页面然后把手指挪开,页面不会马上停下而是继续保持一定距离的滚动效果,并且滚动的速度、距离和持续时间是与滑动手势停止之前的强烈程度成正比。在2D页面中,通常有相关的函数等实现这种惯性运动,而在本申请实施例中,由于是利用3D技术进行模拟,因此,关于惯性运动的实现也可以是通过模拟的方式来实现的。具体的,可以在所述第一目标方向上的滑动操作结束时,根据所述虚拟相机的当前平移速度,计算在该第一目标方向上产生的惯性运动的距离范围,然后,可以通过对所述虚拟相机的平移速度进行降速处理,模拟出在所述距离范围内有阻力地惯性运动效果。
另外需要说明的是,在本申请实施例中,并不需要提前制作3D场景模型,因此,在将商品对象的3D模型放入3D空间容器中时,其背景可能是透明的,或者3D空间容器中预定义的某种特定颜色。而在具体实现时,为了提升页面展示效果,还可以为页面提供背景图。这种背景图可以通过2D的图片等形式来实现,具体的背景图片可以根据具体页面所聚合的商品对象类目或主题等而定。例如,在图4(A)所示的例子中,“腕表馆”页面的背景可以是一张星空背景的图片,而在图5(A)所示的例子中,“户外炊具”页面的背景可以是一张草地背景的图片,等等。另外,为了进一步提升3D的氛围感,在具体实现时,还可以在提供上述背景图片的基础上,进一步提供一些前景的氛围元素。这种氛围元素可以通过3D模型的方式来实现,具体可以与背景图片对应,在页面中展示具体商品对象的3D模型时,还可以展示出这种作为前景的氛围元素。例如,如图4(A)中42处所示的“陨石”,即为这种氛围元素,可以与星空背景图相呼应。另外,在纵向滑动屏幕的过程中,这种前景的氛围元素也可以随之发生纵向的运动。但是,为了进一步提升展示效果,前景氛围元素的运动与页面中商品对象3D模型的运动可以不是完全同步的(否则,如果两者完全同步,包括运动的距离速度等,则会降低页面的三维感)。为了达到该目的,关于前景氛围元素的运动控制,与对具体商品对象3D模型的控制可以是独立的,其中,如前文所述,商品对象3D模型的控制过程可以是虚拟相机在动,而氛围元素的控制则可以是氛围元素自身在动。这样,在用户做出纵向的互动操作时,可以通过控制虚拟相机与氛围元素产生不同的平移速度,从而使得前景氛围元素与商品对象3D模型实现视差滚动的效果。
此外,在具体实现时,用户还可以通过点击目标页面中具体某个商品对象的3D模型的方式进行互动,此时,可以在页面中对该商品对象的3D模型进行放大展示,并且可以通过上下左右滑动等方式,来从对3D模型进行720度查看,以获取关于更多细节信息。例如,在图4(A)所示的状态下,由于将纵向的滑动操作解析为平移运动,因此,在该状态下可以对各个商品对象的3D模型进行360度的查看,也即,3D模型可以转动在横向上360度旋转,或者在用户横向滑动操作的触发下进行360度的旋转,但不能进行纵向的翻转;之后,假设用户对图4(A)中的一款手表的3D模型进行了点击操作,则可以如图6所示,对该手表的3D模型进行放大展示,此时,由于只需要展示该同一个商品对象的3D模型,不涉及多3D模型的聚合展示,因此,用户可以对该3D模型进行720度的查看。也即,不仅可以在横向进行360度旋转,还可以在纵向进行360度的反转,从而从更多视角查看手表细节,还可以在该页面中查看关于该手表的更多文本信息,或者通过跳转进入商品对象详情页面,等等。另外,如果同一商品对象包括多个SKU(Stock Keeping Unit,最小库存单位),则还可以在该页面中展示出用于切换不同SKU进行展示的入口。例如,如图6中的61处所示,展示出了同一款手表的两个不同SKU,用户点击其他SKU之后,可以在页面中展示出其他SKU对应的3D模型,等等。
总之,通过本申请实施例,能够利用3D技术,在目标页面中加载3D空间容器,将所述多个商品对象的3D模型放置在所述3D空间容器中的同一目标平面内,之后,通过控制所述3D空间容器中虚拟相机的位置,可以将进入到所述虚拟相机拍摄范围的多个商品对象的3D模型进行渲染展示。之后,在响应用户通过滑动屏幕的方式执行互动操作的过程中,可以将第一目标方向上的滑动操作解析为平移操作。通过上述方式,可以模拟出所述多个商品对象的3D模型在所述第一目标方向上以信息流形式进行展示的效果,这样,可以保障浏览效率,并且还可以在同屏中通过多个商品对象的3D模型查看商品对象的细节,便于通过3D模型对不同商品对象进行对比。
需要说明的是,本申请实施例中可能会涉及到对用户数据的使用,在实际应用中,可以在符合所在国的适用法律法规要求的情况下(例如,用户明确同意,对用户切实通知,等),在适用法律法规允许的范围内在本文描述的方案中使用用户特定的个人数据。
与前述方法实施例相对应,本申请实施例还提供了一种商品对象信息展示装置,参见图7,该装置可以包括:
模型获取单元701,用于获取待展示的多个商品对象的3D模型;
模型放置单元702,用于在目标页面中加载3D空间容器,并将所述多个商品对象的3D模型放置在所述3D空间容器中的同一目标平面内;
渲染展示单元703,用于通过控制所述3D空间容器中虚拟相机的位置,将进入到所述虚拟相机拍摄范围的多个商品对象的3D模型进行渲染展示;
互动响应单元704,用于在响应用户通过滑动屏幕的方式执行互动操作的过程中,通过将第一目标方向上的滑动操作解析为平移操作,模拟出所述多个商品对象的3D模型在所述第一目标方向上以信息流形式进行展示的效果。
其中,在默认状态下,所述渲染展示出多个商品对象的3D模型可以处于自动同步转动的状态。
具体的,所述互动响应单元具体可以用于:
通过将第一目标方向上的滑动操作,解析为对所述虚拟相机执行的在所述第一目标方向上的平移操作,模拟出所述多个商品对象的3D模型在所述第一目标方向上以信息流形式进行展示的效果。
具体实现时,还可以将所述多个商品对象分为多个商品对象组;所述目标页面中包括多个标签选项,每个标签选项与一个商品对象组对应;
所述模型放置单元具体可以用于:
将所述同一目标平面划分为多个不同区域,分别与所述多个商品对象组对应,以便将所述多个商品对象的3D模型放置在所属的商品对象组所在的区域内;
所述渲染展示单元具体可以包括:
在初始状态下,将所述虚拟相机移动到默认选中的标签选项对应的商品对象组所在的区域,以便对该商品对象组中多个商品对象的3D模型进行渲染展示;
响应于切换到其他标签选项进行展示的操作请求,将所述虚拟相机移动到所述其他标签选项对应的商品对象组所在的区域,以便对所述其他标签选项对应的商品对象组中多个商品对象的3D模型进行渲染展示。
另外,该装置还可以包括:
控制单元,用于通过控制多个商品对象的3D模型在所述目标平面上的放置方式,投影过程中的成像方式,和/或所述虚拟相机的视角,将所述目标页面中展示出的3D模型处于易于观察的状态。
再者,该装置还可以包括:
惯性运动距离确定单元,用于在所述第一目标方向上的滑动操作结束时,根据所述虚拟相机的当前平移速度,计算在所述目标方向上产生的惯性运动的距离范围;
降速处理单元,用于通过对所述虚拟相机的平移速度进行降速处理,模拟出在所述距离范围内有阻力地惯性运动效果。
为了提升页面展示效果,该装置还可以包括:
氛围元素展示单元,用于在所述目标页面中展示前景氛围元素,所述前景氛围元素通过3D模型的方式实现;
速度控制单元,用于在响应用户执行的第一目标方向上的互动操作的过程中,将第一目标方向上的滑动操作解析为对所述前景氛围元素的平移操作,并控制所述虚拟相机与前景氛围元素产生的不同平移速度,将所述多个商品对象的3D模型与所述前景氛围元素进行视差滚动。
具体的,该装置还可以包括:
转动响应单元,用于在接收到第二目标方向上的滑动操作时,通过将所述第二目标方向上的滑动操作解析为对所述虚拟相机执行的转动操作,控制所述多个商品对象的3D模型进行同步转动。
另外,该装置还可以包括:
模型缩放处理单元,用于如果所述多个商品对象的3D模型的尺寸跨度大于阈值,则对所述多个商品对象的3D模型进行缩放处理后再进行渲染展示。
具体的,所述模型获取单元具体可以用于:
提供按类目或主题对多个商品对象的3D模型进行聚合展示的操作入口;
通过目标类目或目标主题对应的所述操作入口接收到访问请求后,获取该目标类目或目标主题对应的多个商品对象的3D模型。
或者,接收到通过目标关键词发起的商品对象搜索请求后,根据所述目标关键词确定目标类目或目标主题;
在商品对象搜索结果页面中提供按所述目标类目或目标主题对应的对多个商品对象的3D模型进行聚合展示的操作入口;
通过所述操作入口接收到访问请求后,获取所述目标类目或目标主题对应的多个商品对象的3D模型。
另外,本申请实施例还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现前述方法实施例中任一项所述的方法的步骤。
以及一种电子设备,包括:
一个或多个处理器;以及
与所述一个或多个处理器关联的存储器,所述存储器用于存储程序指令,所述程序指令在被所述一个或多个处理器读取执行时,执行前述方法实施例中任一项所述的方法的步骤。
其中,图8示例性的展示出了电子设备的架构,例如,设备800可以是移动电话,计算机,数字广播终端,消息收发设备,游戏控制台,平板设备,医疗设备,健身设备,个人数字助理,飞行器等。
参照图8,设备800可以包括以下一个或多个组件:处理组件802,存储器804,电源组件806,多媒体组件808,音频组件810,输入/输出(I/O)的接口812,传感器组件814,以及通信组件816。
处理组件802通常控制设备800的整体操作,诸如与显示,电话呼叫,数据通信,相机操作和记录操作相关联的操作。处理元件802可以包括一个或多个处理器820来执行指令,以完成本公开技术方案提供的方法的全部或部分步骤。此外,处理组件802可以包括一个或多个模块,便于处理组件802和其他组件之间的交互。例如,处理部件802可以包括多媒体模块,以方便多媒体组件808和处理组件802之间的交互。
存储器804被配置为存储各种类型的数据以支持在设备800的操作。这些数据的示例包括用于在设备800上操作的任何应用程序或方法的指令,联系人数据,电话簿数据,消息,图片,视频等。存储器804可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM),电可擦除可编程只读存储器(EEPROM),可擦除可编程只读存储器(EPROM),可编程只读存储器(PROM),只读存储器(ROM),磁存储器,快闪存储器,磁盘或光盘。
电源组件806为设备800的各种组件提供电力。电源组件806可以包括电源管理系统,一个或多个电源,及其他与为设备800生成、管理和分配电力相关联的组件。
多媒体组件808包括在设备800和用户之间的提供一个输出接口的屏幕。在一些实施例中,屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板,屏幕可以被实现为触摸屏,以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。触摸传感器可以不仅感测触摸或滑动动作的边界,而且还检测与触摸或滑动操作相关的持续时间和压力。在一些实施例中,多媒体组件808包括一个前置摄像头和/或后置摄像头。当设备800处于操作模式,如拍摄模式或视频模式时,前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。
音频组件810被配置为输出和/或输入音频信号。例如,音频组件810包括一个麦克风(MIC),当设备800处于操作模式,如呼叫模式、记录模式和语音识别模式时,麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器804或经由通信组件816发送。在一些实施例中,音频组件810还包括一个扬声器,用于输出音频信号。
I/O接口812为处理组件802和外围接口模块之间提供接口,上述外围接口模块可以是键盘,点击轮,按钮等。这些按钮可包括但不限于:主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件814包括一个或多个传感器,用于为设备800提供各个方面的状态评估。例如,传感器组件814可以检测到设备800的打开/关闭状态,组件的相对定位,例如所述组件为设备800的显示器和小键盘,传感器组件814还可以检测设备800或设备800一个组件的位置改变,用户与设备800接触的存在或不存在,设备800方位或加速/减速和设备800的温度变化。传感器组件814可以包括接近传感器,被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件814还可以包括光传感器,如CMOS或CCD图像传感器,用于在成像应用中使用。在一些实施例中,该传感器组件814还可以包括加速度传感器,陀螺仪传感器,磁传感器,压力传感器或温度传感器。
通信组件816被配置为便于设备800和其他设备之间有线或无线方式的通信。设备800可以接入基于通信标准的无线网络,如WiFi,或2G、3G、4G/LTE、5G等移动通信网络。在一个示例性实施例中,通信部件816经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中,所述通信部件816还包括近场通信(NFC)模块,以促进短程通信。例如,在NFC模块可基于射频识别(RFID)技术,红外数据协会(IrDA)技术,超宽带(UWB)技术,蓝牙(BT)技术和其他技术来实现。
在示例性实施例中,设备800可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述方法。
在示例性实施例中,还提供了一种包括指令的非临时性计算机可读存储介质,例如包括指令的存储器804,上述指令可由设备800的处理器820执行以完成本公开技术方案提供的方法。例如,所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
通过以上的实施方式的描述可知,本领域的技术人员可以清楚地了解到本申请可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在存储介质中,如ROM/RAM、磁碟、光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例或者实施例的某些部分所述的方法。
本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于系统或系统实施例而言,由于其基本相似于方法实施例,所以描述得比较简单,相关之处参见方法实施例的部分说明即可。以上所描述的系统及系统实施例仅仅是示意性的,其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下,即可以理解并实施。
以上对本申请所提供的商品对象信息展示方法及电子设备,进行了详细介绍,本文中应用了具体个例对本申请的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本申请的方法及其核心思想;同时,对于本领域的一般技术人员,依据本申请的思想,在具体实施方式及应用范围上均会有改变之处。综上所述,本说明书内容不应理解为对本申请的限制。
Claims (12)
1.一种商品对象信息展示方法,其特征在于,包括:
获取待展示的多个商品对象的3D模型;
在目标页面中加载3D空间容器,将所述多个商品对象的3D模型放置在所述3D空间容器中的同一目标平面内;
通过控制所述3D空间容器中虚拟相机的位置,将进入到所述虚拟相机拍摄范围的多个商品对象的3D模型进行渲染展示;
在响应用户互动操作的过程中,通过将第一目标方向上的滑动操作解析为平移操作,模拟出所述多个商品对象的3D模型在所述第一目标方向上以信息流形式进行展示的效果。
2.根据权利要求1所述的方法,其特征在于,
所述通过将第一目标方向上的滑动操作解析为平移操作,模拟出所述多个商品对象的3D模型在所述第一目标方向上以信息流形式进行展示的效果,包括:
通过将第一目标方向上的滑动操作,解析为对所述虚拟相机执行的在所述第一目标方向上的平移操作,模拟出所述多个商品对象的3D模型在所述第一目标方向上以信息流形式进行展示的效果。
3.根据权利要求2所述的方法,其特征在于,还包括:
所述多个商品对象分为多个商品对象组;所述目标页面中包括多个标签选项,每个标签选项与一个商品对象组对应;
所述将所述多个商品对象的3D模型放置在所述3D空间容器中的同一目标平面内,包括:
将所述同一目标平面划分为多个不同区域,分别与所述多个商品对象组对应,以便将所述多个商品对象的3D模型放置在所属的商品对象组所在的区域内;
所述通过控制所述3D空间容器中虚拟相机的位置,对所述多个商品对象的3D模型进行渲染展示,包括:
在初始状态下,将所述虚拟相机移动到默认选中的标签选项对应的商品对象组所在的区域,以便对该商品对象组中多个商品对象的3D模型进行渲染展示;
响应于切换到其他标签选项进行展示的操作请求,将所述虚拟相机移动到所述其他标签选项对应的商品对象组所在的区域,以便对所述其他标签选项对应的商品对象组中多个商品对象的3D模型进行渲染展示。
4.根据权利要求2所述的方法,其特征在于,还包括:
通过控制多个商品对象的3D模型在所述目标平面上的放置方式,投影过程中的成像方式,和/或所述虚拟相机的视角,将所述目标页面中展示出的3D模型处于易于观察的状态。
5.根据权利要求2所述的方法,其特征在于,还包括:
响应于所述第一目标方向上的滑动操作结束事件,根据所述虚拟相机的当前平移速度,计算在所述目标方向上产生的惯性运动的距离范围;
通过对所述虚拟相机的平移速度进行降速处理,模拟出在所述距离范围内有阻力地惯性运动效果。
6.根据权利要求2所述的方法,其特征在于,还包括:
在所述目标页面中展示前景氛围元素,所述前景氛围元素通过3D模型的方式实现;
在响应用户执行的第一目标方向上的互动操作的过程中,将第一目标方向上的滑动操作解析为对所述前景氛围元素的平移操作,并控制所述虚拟相机与前景氛围元素产生的不同平移速度,将所述多个商品对象的3D模型与所述前景氛围元素进行视差滚动。
7.根据权利要求2所述的方法,其特征在于,还包括:
响应于第二目标方向上的滑动操作,通过将所述第二目标方向上的滑动操作解析为对所述虚拟相机执行的转动操作,控制所述多个商品对象的3D模型进行同步转动。
8.根据权利要求1所述的方法,其特征在于,还包括:
如果所述多个商品对象的3D模型的尺寸跨度大于阈值,则对所述多个商品对象的3D模型进行缩放处理后再进行渲染展示。
9.根据权利要求1至8任一项所述的方法,其特征在于,
所述获取待展示的多个商品对象的3D模型,包括:
提供按类目或主题对多个商品对象的3D模型进行聚合展示的操作入口;
通过目标类目或目标主题对应的所述操作入口接收到访问请求后,获取该目标类目或目标主题对应的多个商品对象的3D模型。
10.根据权利要求1至8任一项所述的方法,其特征在于,
所述获取待展示的多个商品对象的3D模型,包括:
接收到通过目标关键词发起的商品对象搜索请求后,根据所述目标关键词确定目标类目或目标主题;
在商品对象搜索结果页面中提供按所述目标类目或目标主题对应的对多个商品对象的3D模型进行聚合展示的操作入口;
通过所述操作入口接收到访问请求后,获取所述目标类目或目标主题对应的多个商品对象的3D模型。
11.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现权利要求1至10任一项所述的方法的步骤。
12.一种电子设备,其特征在于,包括:
一个或多个处理器;以及
与所述一个或多个处理器关联的存储器,所述存储器用于存储程序指令,所述程序指令在被所述一个或多个处理器读取执行时,执行权利要求1至10任一项所述的方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310420794.6A CN116596611A (zh) | 2023-04-15 | 2023-04-15 | 商品对象信息展示方法及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310420794.6A CN116596611A (zh) | 2023-04-15 | 2023-04-15 | 商品对象信息展示方法及电子设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN116596611A true CN116596611A (zh) | 2023-08-15 |
Family
ID=87605242
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310420794.6A Pending CN116596611A (zh) | 2023-04-15 | 2023-04-15 | 商品对象信息展示方法及电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116596611A (zh) |
-
2023
- 2023-04-15 CN CN202310420794.6A patent/CN116596611A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
KR20220130197A (ko) | 촬영 방법, 장치, 전자설비 및 저장매체 | |
US20210097105A1 (en) | Because you reacted to content | |
US11809633B2 (en) | Mirroring device with pointing based navigation | |
US9781355B2 (en) | Mobile terminal and control method thereof for displaying image cluster differently in an image gallery mode | |
CN103019536A (zh) | 演示期间交互地缩放内容 | |
CN111626807A (zh) | 商品对象信息处理方法、装置及电子设备 | |
CN112423084B (zh) | 热点榜单的显示方法、装置、电子设备和存储介质 | |
US11477143B2 (en) | Trending content view count | |
CN112230914B (zh) | 小程序的制作方法、装置、终端及存储介质 | |
CN113298585A (zh) | 提供商品对象信息的方法、装置及电子设备 | |
TW201923630A (zh) | 處理方法、裝置、設備和機器可讀媒體 | |
CN107229403B (zh) | 一种信息内容选择方法及装置 | |
CN113298602A (zh) | 商品对象信息互动方法、装置及电子设备 | |
CN113806306A (zh) | 媒体文件处理方法、装置、设备、可读存储介质及产品 | |
CN110321042B (zh) | 界面信息展示方法、装置及电子设备 | |
WO2019095810A1 (zh) | 界面展示方法及装置 | |
EP3799415A2 (en) | Method and device for processing videos, and medium | |
CN112995401A (zh) | 控件显示方法、装置、设备及介质 | |
WO2023097981A1 (zh) | 一种对象显示方法及电子设备 | |
CN112445348A (zh) | 一种表情处理方法、装置和介质 | |
CN115499479A (zh) | 商品对比展示方法、装置及电子设备 | |
CN115460448A (zh) | 一种媒体资源编辑方法、装置、电子设备以及存储介质 | |
CN115379113A (zh) | 拍摄处理方法、装置、设备及存储介质 | |
CN116596611A (zh) | 商品对象信息展示方法及电子设备 | |
CN117010965A (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 |