CN111506372A - 对象可视化处理方法及装置 - Google Patents
对象可视化处理方法及装置 Download PDFInfo
- Publication number
- CN111506372A CN111506372A CN202010265108.9A CN202010265108A CN111506372A CN 111506372 A CN111506372 A CN 111506372A CN 202010265108 A CN202010265108 A CN 202010265108A CN 111506372 A CN111506372 A CN 111506372A
- Authority
- CN
- China
- Prior art keywords
- information
- selectable
- selectable object
- rendering
- picture
- 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.)
- Granted
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种对象可视化处理方法及装置,其中,对象可视化处理方法包括:呈现对象选择配置页面,对象选择配置页面包含对象展示区域以及至少一个可选对象元素;检测针对任一可选对象元素触发的选择事件,获取可选对象元素的渲染信息以及可选对象元素在对象展示区域的配置信息;根据可选对象元素的渲染信息以及可选对象元素的配置信息,在对象展示区域中渲染可选对象元素。根据本发明提供的技术方案,能够根据渲染信息和配置信息实时、便捷地将所要添加的可选对象元素以图片可视化的方式展示在对应区域中,优化了展示效果,使得用户能够直观地通过图片来确定其最终选择结果。
Description
技术领域
本发明涉及计算机技术领域,具体涉及一种对象可视化处理方法及装置。
背景技术
目前,在例如点单、物品搭配等选择场景中,大多是通过图表、文字等方式来展示用户所选择的配置。以饮品点单场景为例,很多饮品都支持添加例如珍珠、布丁、红豆等配料,用户可在配料配置页面中选择所需添加的配料,被选择的配料一般是以文字的方式进行展示,那么在用户完成对配料的选择后,还需再次核查所展示的文字以判断其最终选择结果是否正确,这就需要耗费较多时间。可见,现有的选择场景中针对所选配置展示效果不够直观,使得用户需要耗费较多时间对所选配置进行核查,进而影响了选择场景的整体处理效率。
发明内容
鉴于上述问题,提出了本发明实施例以便提供一种克服上述问题或者至少部分地解决上述问题的对象可视化处理方法及装置。
根据本发明实施例的一个方面,提供了一种对象可视化处理方法,该方法包括:
呈现对象选择配置页面,对象选择配置页面包含对象展示区域以及至少一个可选对象元素;
检测针对任一可选对象元素触发的选择事件,获取可选对象元素的渲染信息以及可选对象元素在对象展示区域的配置信息;
根据可选对象元素的渲染信息以及可选对象元素的配置信息,在对象展示区域中渲染可选对象元素。
进一步地,可选对象元素的渲染信息包括:图片链接地址和对象展示尺寸;
根据可选对象元素的渲染信息以及可选对象元素的配置信息,在对象展示区域中渲染可选对象元素进一步包括:
依据图片链接地址,获取可选对象元素的图片;
依据对象展示尺寸,对可选对象元素的图片的尺寸进行调整;
根据可选对象元素的配置信息,在对象展示区域中渲染可选对象元素的图片。
进一步地,可选对象元素的渲染信息还包括:对象位置信息;
根据可选对象元素的配置信息,在对象展示区域中渲染可选对象元素的图片进一步包括:
根据可选对象元素的配置信息,在对象展示区域中符合对象位置信息的位置处渲染可选对象元素的图片。
进一步地,可选对象元素的渲染信息还包括:对象展示层级;
根据可选对象元素的配置信息,在对象展示区域中渲染可选对象元素的图片进一步包括:
根据可选对象元素的配置信息,在对象展示区域中按照对象展示层级的排列顺序渲染可选对象元素的图片。
进一步地,可选对象元素的配置信息包括:区域位置信息;
根据可选对象元素的配置信息,在对象展示区域中渲染可选对象元素的图片进一步包括:
在物品图片中符合区域位置信息的对象展示区域中渲染可选对象元素的图片。
进一步地,在在对象展示区域中渲染可选对象元素之后,该方法还包括:
利用物理引擎在对象展示区域中对可选对象元素进行物理运动效果处理。
进一步地,可选对象元素的渲染信息还包括:对象密度信息、对象弹性信息和对象位置信息;可选对象元素的配置信息还包括:重力方向信息和重力加速度信息;
利用物理引擎在对象展示区域中对可选对象元素进行物理运动效果处理进一步包括:
将对象密度信息、对象弹性信息、对象位置信息、重力方向信息以及重力加速度信息添加至物理引擎中;
运行物理引擎,模拟计算可选对象元素的物理运动参数;
根据物理运动参数,在对象展示区域中更新渲染可选对象元素的物理运动状态。
进一步地,物理运动状态包括:重力状态、碰撞状态、挤压状态和/或旋转状态。
进一步地,该方法还包括:
生成可选对象添加信息,并在预设位置处呈现可选对象添加信息。
根据本发明实施例的另一方面,提供了一种对象可视化处理装置,该装置包括:
展示模块,适于呈现对象选择配置页面,对象选择配置页面包含对象展示区域以及至少一个可选对象元素;
检测模块,适于检测针对任一可选对象元素触发的选择事件;
获取模块,适于获取可选对象元素的渲染信息以及可选对象元素在对象展示区域的配置信息;
渲染模块,适于根据可选对象元素的渲染信息以及可选对象元素的配置信息,在对象展示区域中渲染可选对象元素。
进一步地,可选对象元素的渲染信息包括:图片链接地址和对象展示尺寸;
渲染模块进一步适于:
依据图片链接地址,获取可选对象元素的图片;
依据对象展示尺寸,对可选对象元素的图片的尺寸进行调整;
根据可选对象元素的配置信息,在对象展示区域中渲染可选对象元素的图片。
进一步地,可选对象元素的渲染信息还包括:对象位置信息;
渲染模块进一步适于:根据可选对象元素的配置信息,在对象展示区域中符合对象位置信息的位置处渲染可选对象元素的图片。
进一步地,可选对象元素的渲染信息还包括:对象展示层级;
渲染模块进一步适于:根据可选对象元素的配置信息,在对象展示区域中按照对象展示层级的排列顺序渲染可选对象元素的图片。
进一步地,可选对象元素的配置信息包括:区域位置信息;
渲染模块进一步适于:在物品图片中符合区域位置信息的对象展示区域中渲染可选对象元素的图片。
进一步地,渲染模块进一步适于:利用物理引擎在对象展示区域中对可选对象元素进行物理运动效果处理。
进一步地,可选对象元素的渲染信息还包括:对象密度信息、对象弹性信息和对象位置信息;可选对象元素的配置信息还包括:重力方向信息和重力加速度信息;
渲染模块进一步适于:
将对象密度信息、对象弹性信息、对象位置信息、重力方向信息以及重力加速度信息添加至物理引擎中;
运行物理引擎,模拟计算可选对象元素的物理运动参数;
根据物理运动参数,在对象展示区域中更新渲染可选对象元素的物理运动状态。
进一步地,物理运动状态包括:重力状态、碰撞状态、挤压状态和/或旋转状态。
进一步地,该装置还包括:生成模块,适于生成可选对象添加信息;
展示模块进一步适于:在预设位置处呈现可选对象添加信息。
根据本发明实施例的又一方面,提供了一种计算设备,包括:处理器、存储器、通信接口和通信总线,处理器、存储器和通信接口通过通信总线完成相互间的通信;
存储器用于存放至少一可执行指令,可执行指令使处理器执行上述对象可视化处理方法对应的操作。
根据本发明实施例的再一方面,提供了一种计算机存储介质,存储介质中存储有至少一可执行指令,可执行指令使处理器执行如上述对象可视化处理方法对应的操作。
根据本发明实施例提供的技术方案,通过对象选择配置页面呈现可选对象元素,使得用户能够在对象选择配置页面中方便地选择所要添加的可选对象元素;并且,在用户选择了可选对象元素之后,能够根据可选对象元素的渲染信息和配置信息实时、便捷地将所要添加的可选对象元素以图片可视化的方式展示在对应区域中,优化了展示效果,使得用户能够直观地通过图片来确定其最终选择结果,有效地缩短了用户核查最终选择结果所需的时间,有助于提升选择场景的整体处理效率。
上述说明仅是本发明实施例技术方案的概述,为了能够更清楚了解本发明实施例的技术手段,而可依照说明书的内容予以实施,并且为了让本发明实施例的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明实施例的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明实施例的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1示出了本发明实施例提供的对象可视化处理方法的流程图;
图2a示出了本发明另一实施例提供的对象可视化处理方法的流程图;
图2b示出了一种饮品店铺的点单页面的示意图;
图2c示出了一种对象选择配置页面的示意图;
图2d示出了渲染有可选对象元素的对象选择配置页面的示意图一;
图2e示出了渲染有可选对象元素的对象选择配置页面的示意图二;
图3示出了本发明实施例提供的对象可视化处理装置的结构示意图;
图4示出了根据本发明实施例的一种计算设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本发明的示例性实施例。虽然附图中显示了本发明的示例性实施例,然而应当理解,可以以各种形式实现本发明而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本发明,并且能够将本发明的范围完整的传达给本领域的技术人员。
图1示出了本发明实施例提供的对象可视化处理方法的流程图,如图1所示,该方法包括如下步骤:
步骤S101,呈现对象选择配置页面。
用户可利用客户端来挑选所需的菜品、饮品、挂饰等物品,为了满足不同用户的需求,还可在所选物品的基础上根据用户的选择进行个性化地配置。当用户想要对物品进行个性化配置时,可通过点击或长按等方式触发物品对应的选择配置按钮,客户端根据用户对选择配置按钮的触发操作,向服务器发送对象选择配置页面访问请求,接收服务器返回的对象选择配置页面,那么在步骤S101中,向用户呈现对象选择配置页面。
其中,对象选择配置页面可包含有用于展示可选对象元素的对象展示区域以及至少一个可选对象元素。具体地,对象选择配置页面可包含有物品图片,对象展示区域可为物品图片中的全部区域或者部分区域;可选对象元素为能够与物品进行搭配的对象元素。本领域技术人员可根据实际需要对对象展示区域的形状、数量、位置等以及可选对象元素的内容、数量等进行设置,此处不做具体限定。
步骤S102,检测针对任一可选对象元素触发的选择事件,获取可选对象元素的渲染信息以及可选对象元素在对象展示区域的配置信息。
对象选择配置页面中呈现有至少一个可选对象元素,用户可通过点击等方式来选择待配置的可选对象元素,那么在步骤S102中检测针对任一可选对象元素触发的选择事件,选择事件所针对的可选对象元素即为用户选择的待配置的可选对象元素。为了便于进行对象可视化处理,在确定了所选择的可选对象元素之后,还需获取该可选对象元素的渲染信息以及该可选对象元素在对象展示区域的配置信息。
其中,可选对象元素的渲染信息可包括:图片链接地址、对象展示尺寸、对象展示层级以及对象ID等信息。可选对象元素的配置信息可包括:对象展示区域的区域位置信息、区域形状信息以及区域ID等信息。可选对象元素和对象展示区域通过区域ID进行了关联,那么根据可选对象元素的配置信息中所包含的区域ID,就能够便捷地确定该可选对象元素对应的对象展示区域。可选对象元素的渲染信息和可选对象元素的配置信息还可包括其他信息,本领域技术人员可根据实际需要进行设置,此处不做具体限定。
步骤S103,根据可选对象元素的渲染信息以及可选对象元素的配置信息,在对象展示区域中渲染可选对象元素。
具体地,根据该可选对象元素的渲染信息,可获取该可选对象元素的图片,并确定图片的展示尺寸、展示层级等,其中,图片的数量可为一个或多个,根据该可选对象元素的配置信息,可确定对象展示区域的位置等,从而在该对象展示区域中按照所确定的图片的展示尺寸、展示层级等来渲染该可选对象元素的图片。
本实施例提供的对象可视化处理方法,通过对象选择配置页面呈现可选对象元素,使得用户能够在对象选择配置页面中方便地选择所要添加的可选对象元素;并且,在用户选择了可选对象元素之后,能够根据可选对象元素的渲染信息和配置信息实时、便捷地将所要添加的可选对象元素以图片可视化的方式展示在对应区域中,优化了展示效果,使得用户能够直观地通过图片来确定其最终选择结果,有效地缩短了用户核查最终选择结果所需的时间,有助于提升选择场景的整体处理效率。
图2a示出了本发明另一实施例提供的对象可视化处理方法的流程图,如图2a所示,该方法包括如下步骤:
步骤S201,呈现对象选择配置页面。
为了使客户端侧的用户能够便捷地对物品进行个性化配置,可预先针对各个物品设置对应的对象展示区域和可选对象元素,并设置可选对象元素的渲染信息以及可选对象元素在对象展示区域的配置信息。具体地,针对每个物品,可利用图形框选工具等在物品图片上框选出一个或多个矩形或圆形等形状的区域作为对象展示区域,另外,还需确定该物品对应的可选对象元素,并设置每个可选对象元素的渲染信息以及可选对象元素在对象展示区域的配置信息。本领域技术人员可根据实际需要对可选对象元素的渲染信息和配置信息所包括的具体信息进行设置,此处不做限定。
具体地,可选对象元素的渲染信息可包括:图片链接地址、对象展示尺寸、对象展示层级以及对象ID等信息。可选对象元素的配置信息可包括对象展示区域的区域位置信息、区域形状信息以及区域ID等信息。可选对象元素和对象展示区域通过区域ID进行了关联,那么根据可选对象元素的配置信息中所包含的区域ID,就能够便捷地确定该可选对象元素对应的对象展示区域。
例如,某个可选对象元素在对象展示区域的配置信息中的区域位置信息为“frame(框架):0,10,50,40”,区域形状信息为“rect(矩形)”,区域ID为ID1,说明该可选对象元素所在的对象展示区域为从“0,10”像素位置开始,宽50像素,高40像素的矩形形状且区域ID为ID1的对象展示区域;又如,某个可选对象元素的配置信息中的区域位置信息为“center(圆心):6,40;radius(半径):40”,区域形状信息为“circle(圆形)”,区域ID为ID2,说明该可选对象元素所在的对象展示区域为以“6,40”像素位置为圆心,以40像素为半径的圆形形状且区域ID为ID2的对象展现区域。
当用户想要对物品进行个性化配置时,可通过点击或长按等方式触发物品对应的选择配置按钮,客户端根据用户对选择配置按钮的触发操作,向服务器发送对象选择配置页面访问请求,接收服务器返回的对象选择配置页面,那么在步骤S201中向用户呈现对象选择配置页面。其中,对象选择配置页面包含对象展示区域以及至少一个可选对象元素。
为了便于对本发明实施例提供的对象可视化处理方法进行理解,下面结合点单场景对该方法进行说明。用户可利用客户端访问某店铺的点单页面,点单页面可如图2b所示,图2b示出了一种饮品店铺的点单页面的示意图,在该点单页面中包含有多个饮品的名称、图片、价格等信息,以供用户选择。以用户想要购买(中杯)红茶玛奇朵为例,用户可通过点击触发在该饮品的价格旁展示的“+”选择配置按钮来请求访问该饮品的对象选择配置页面,客户端接收服务器返回的对象选择配置页面并向用户呈现,图2c示出了一种对象选择配置页面的示意图,如图2c所示,该对象选择配置页面包含有物品图片1和7个可选对象元素,这7个可选对象元素分别标识为21-27,其中,物品图片1为(中杯)红茶玛奇朵对应的基础图片,在物品图片1中以虚线框所示的区域为用于展示可选对象元素所在的对象展示区域3,多个可选对象元素21-27为能够与该饮品进行搭配的对象元素。
步骤S202,检测针对任一可选对象元素触发的选择事件,获取可选对象元素的渲染信息以及可选对象元素在对象展示区域的配置信息。
在对象选择配置页面中,用户可通过点击等方式来选择待配置的可选对象元素,那么在步骤S202中检测针对任一可选对象元素触发的选择事件,选择事件所针对的可选对象元素即为用户选择的待配置的可选对象元素。在确定了所选择的可选对象元素之后,还需获取该可选对象元素的渲染信息以及该可选对象元素在对象展示区域的配置信息,以便进行对象可视化处理。
在一种可选的实施方式中,对象选择配置页面的源代码中记录有该对象选择配置页面中所包含的每个可选对象元素的渲染信息以及每个可选对象元素在对象展示区域的配置信息,那么在确定了所选择的可选对象元素之后,可通过读取对象选择配置页面的源代码来获取该可选对象元素的渲染信息以及该可选对象元素的配置信息。
在另一种可选的实施方式中,服务器在向客户端返回对象选择配置页面的同时,还向客户端提供了该对象选择配置页面对应的配置文件,配置文件中记录有该对象选择配置页面中所包含的每个可选对象元素的渲染信息以及每个可选对象元素在对象展示区域的配置信息,那么在确定了所选择的可选对象元素之后,可通过读取该配置文件来获取该可选对象元素的渲染信息以及该可选对象元素的配置信息。
在获取到该可选对象元素的渲染信息以及配置信息之后,就可根据该可选对象元素的渲染信息以及该可选对象元素的配置信息,在该对象展示区域中渲染该可选对象元素。具体地,可通过步骤S203至步骤S205来实现。
步骤S203,依据图片链接地址,获取可选对象元素的图片。
若步骤S202获取到的可选对象元素的渲染信息包括有图片链接地址和对象展示尺寸,图片链接地址可记录有该可选对象元素的图片存储在CDN(Content DeliveryNetwork,内容分发网络)等上的链接地址,那么可依据图片链接地址,请求访问CDN,下载该可选对象元素的图片,图片的数量可为一个或多个,为了便于与物品图片进行搭配,展示可选对象元素的图片优选采用透明背景的图片。在下载了图片之后,还可将所下载的图片存储在客户端的缓存中,以便后续使用到该图片的时候能够快速地从缓存中获取,有助于提高图片的获取效率。
步骤S204,依据对象展示尺寸,对可选对象元素的图片的尺寸进行调整。
在获取了可选对象元素的图片之后,还需依照渲染信息中的对象展示尺寸,将图片中的图片的尺寸调整为对象展示尺寸。例如,该对象展示尺寸为“40,20”,说明需要将图片的尺寸调整为宽40像素,高20像素。
步骤S205,根据可选对象元素的配置信息,在对象展示区域中渲染可选对象元素的图片。
可选对象元素的配置信息可包括有区域位置信息等信息,其中,区域位置信息记录了该可选对象元素所在的对象展示区域在其对应的物品图片中的位置,那么可在物品图片中符合区域位置信息的对象展示区域中渲染可选对象元素的图片。
可选地,可选对象元素的渲染信息还可包括对象位置信息,那么在步骤S205中可根据可选对象元素的配置信息,在对象展示区域中符合对象位置信息的位置处渲染可选对象元素的图片。具体地,可在物品图片中符合区域位置信息的对象展示区域中的符合对象位置信息的位置处渲染可选对象元素的图片所包括的图片。
考虑到可能会出现在同一个对象展示区域中需要渲染多个可选对象元素的情况,可选对象元素的渲染信息还可包括有对象展示层级,通过对象展示层级的设置来保证展示尺寸小的图片尽量不会被展示尺寸大的图片所覆盖。对象展示层级具体可为在Z轴方向上的序列信息。依据对象展示层级的高低来确定渲染的先后顺序。在步骤S205中可根据可选对象元素的配置信息,在对象展示区域中按照对象展示层级的排列顺序渲染可选对象元素的图片。具体地,当所选择的多个可选对象元素对应同一个对象展示区域时,可针对该对象展示区域,对所选择的多个可选对象元素的渲染信息中的对象展示层级进行遍历,然后在该对象展示区域中按照对象展示层级从低到高的排列顺序来渲染多个可选对象元素的图片。也就是说,在该对象展示区域中,对象展示层级越低的图片越先被渲染,使得对象展示层级高的图片覆盖在对象展示层级低的图片上面。
以图2c所示的对象选择配置页面为例,若步骤S202检测到针对可选对象元素21触发的选择事件,说明可选对象元素“珍珠”为用户当前选择的待配置的可选对象元素,那么获取可选对象元素“珍珠”的渲染信息和配置信息,根据可选对象元素“珍珠”的配置信息所包含的区域ID可知,可选对象元素“珍珠”所在对象展示区域为对象展示区域3。假设可选对象元素“珍珠”的图片为珍珠图片,可选对象元素“珍珠”的渲染信息中所包括的图片链接地址为地址1,对象展示尺寸为尺寸1,对象展示层级为10,那么依据地址1,请求访问CDN,下载珍珠图片,接着将珍珠图片的尺寸调整为尺寸1,然后在对象展示区域3中渲染珍珠图片。图2d示出了渲染有可选对象元素的对象选择配置页面的示意图一,如图2d所示,在物品图片1中渲染有珍珠图片,那么用户从物品图片1中能够看到对象展示区域3中添加有珍珠的直观效果。
若用户在选择完可选对象元素21之后,又选择了可选对象元素23,说明可选对象元素“布丁”为用户当前选择的待配置的可选对象元素,那么获取可选对象元素“布丁”的渲染信息和配置信息,根据可选对象元素“布丁”的配置信息中所包含的区域ID可知,可选对象元素“布丁”所在对象展示区域也为对象展示区域3。假设可选对象元素“布丁”的图片为布丁图片,可选对象元素“布丁”的渲染信息中所包括的图片链接地址为地址2,对象展示尺寸为尺寸2,对象展示层级为5。那么依据地址2,请求访问CDN,下载布丁图片,接着将布丁图片的尺寸调整为尺寸2,然后在对象展示区域3中按照对象展示层级从低到高的排列顺序来渲染珍珠图片和布丁图片。图2e示出了渲染有可选对象元素的对象选择配置页面的示意图二,如图2e所示,在物品图片1中渲染有珍珠图片和布丁图片,由于布丁图片的对象展示层级低于珍珠图片的对象展示层级,所以在对象展示区域3中先渲染布丁图片,后渲染珍珠图片,珍珠图片会覆盖在布丁图片的上面,那么用户从物品图片1中能够看到对象展示区域3中添加有珍珠和布丁的直观效果。
在实际应用场景中,还可能会出现同一个对象展示区域中需要渲染多个可选对象元素且其对象展示层级相同的情况,在这种情况下,针对对象展示层级相同的多个可选对象元素,可结合可选对象元素的渲染信息中的对象位置信息来确定渲染顺序。例如,在该对象展示区域中可按照对象位置信息从左上到右下的顺序来依次渲染多个可选对象元素的图片。本领域技术人员还可按照其他顺序来对多个可选对象元素的图片进行渲染,例如从右上到左下、从左下到右上等。
为了进一步丰富在对象展示区域中添加可选对象元素的展示效果,还可将对象展示区域设置为支持物理引擎的对象展示区域,将可选对象元素设置为支持物理粒子,从而能够在该对象展示区域中形成一个特有的物理空间,添加至该物理空间中的物理粒子会按照该物理空间的物理特性进行运动。
若将可选对象元素设置为支持物理粒子,那么可选对象元素的渲染信息除了包括图片链接地址、对象展示尺寸、对象ID等信息之外,还可包括对象密度信息、对象弹性信息和对象位置信息等。在这种情况下,图片链接地址所存储的图片即为粒子纹理图片。对象位置信息可包括有单个位置信息或者多个位置信息,当对象位置信息包括有多个位置信息时,可将对象位置信息表示为数组形式,例如,对象位置信息为““6,10”,“20,10”,“35,10””,说明初始状态时,在“6,10”像素位置、“20,10”像素位置以及“35,10”像素位置处都需要渲染粒子纹理图片。若对象展示区域为支持物理引擎的对象展示区域,那么可选对象元素的配置信息除了包括可选对象元素所在对象展示区域的区域位置信息、区域形状信息、区域ID之外,还可包括重力方向信息和重力加速度信息等,例如,重力方向信息可为竖直向下,重力加速度信息可为9.8m/s2。
其中,支持物理引擎的对象展示区域既可以用于展示支持物理粒子的可选对象元素,也可以用于展示不支持物理粒子的可选对象元素。若用户所选择的可选对象元素仅包括不支持物理粒子的可选对象元素,那么无需执行步骤S206;若用户所选择的可选对象元素包括支持物理粒子的可选对象元素,那么还需执行步骤S206。
步骤S206,利用物理引擎在对象展示区域中对可选对象元素进行物理运动效果处理。
其中,物理引擎可为Box2D、Chipmunk等物理引擎。本领域技术人员可根据实际需要选择所需的物理引擎,此处不做限定。考虑到物理引擎涉及大量运算,而c语言编译完成后的执行效率较高,那么可选择采用c语言编写的物理引擎,以保障高速模拟,不卡顿。
具体地,可将可选对象元素的渲染信息中的对象密度信息、对象弹性信息、对象位置信息以及该可选对象元素的配置信息中的重力方向信息和重力加速度信息添加至物理引擎中,如果用户选择了多个支持物理粒子的可选对象元素且均对应于同一个对象展示区域,那么可将这多个可选对象元素的渲染信息中的对象密度信息、对象弹性信息、对象位置信息等信息都添加至物理引擎中。在完成了上述信息的添加之后,就可运行物理引擎,模拟计算可选对象元素的物理运动参数,然后根据物理运动参数,在对象展示区域中更新渲染可选对象元素的物理运动状态。例如,可将物理引擎每一帧的时间长度设置为1/60s,也就是说,物理引擎需要模拟计算一秒钟内的60个帧中的可选对象元素的物理运动参数,然后以1/60s的速度读取计算得到的可选对象元素的图片的物理运动参数,并根据物理运动参数,在对象展示区域中更新渲染图片的物理运动状态,从而获得物理运动效果。其中,物理运动状态可包括但不限于:重力状态、碰撞状态、挤压状态和/或旋转状态等。
可选地,该方法还可包括:生成可选对象添加信息,并在预设位置处呈现可选对象添加信息的步骤。其中,可根据步骤S202检测到的选择事件所针对的可选对象元素,生成可选对象添加信息,可选对象添加信息为用于提示用户所选择的可选对象元素已完成添加的信息。在完成对可选对象元素的图片的渲染之后,可在物品图片的右侧或者左侧等预设位置处呈现可选对象添加信息,以便用户能够方便地获知可选对象元素是否完成添加。图2d中在物品图片1的右侧展示的“已加珍珠”即为可选对象添加信息。图2e中在物品图片1的右侧展示的“已加珍珠”以及“已加布丁”均为可选对象添加信息。
本实施例提供的对象可视化处理方法,通过为物品定制对应的对象展示区域和可选对象元素,并设置可选对象元素的渲染信息和配置信息,得到了为物品添加可选对象元素的可视化展示方案;在用户选择了可选对象元素之后,能够根据可选对象元素的渲染信息和配置信息实时、便捷地将所要添加的可选对象元素以图片可视化的方式展示在对应区域中,还可利用物理引擎对可选对象元素进行物理运动效果处理,不仅使得用户能够直观地通过图片来确定其最终选择结果,有效地缩短了用户核查最终选择结果所需的时间,提升了选择场景的整体处理效率,而且还进一步丰富了在对象展示区域中添加可选对象元素的展示效果,增加了趣味性。
图3示出了本发明实施例提供的对象可视化处理装置的结构示意图,如图3所示,该装置包括:展示模块301、检测模块302、获取模块303和渲染模块304。
展示模块301适于:呈现对象选择配置页面,对象选择配置页面包含对象展示区域以及至少一个可选对象元素。
检测模块302适于:检测针对任一可选对象元素触发的选择事件。
获取模块303适于:获取可选对象元素的渲染信息以及可选对象元素在对象展示区域的配置信息。
渲染模块304适于:根据可选对象元素的渲染信息以及可选对象元素的配置信息,在对象展示区域中渲染可选对象元素。
可选地,可选对象元素的渲染信息包括:图片链接地址和对象展示尺寸。渲染模块304进一步适于:依据图片链接地址,获取可选对象元素的图片;依据对象展示尺寸,对可选对象元素的图片的尺寸进行调整;根据可选对象元素的配置信息,在对象展示区域中渲染可选对象元素的图片。
可选地,可选对象元素的渲染信息还包括:对象位置信息。渲染模块304进一步适于:根据可选对象元素的配置信息,在对象展示区域中符合对象位置信息的位置处渲染可选对象元素的图片。
可选地,可选对象元素的渲染信息还包括:对象展示层级。渲染模块304进一步适于:根据可选对象元素的配置信息,在对象展示区域中按照对象展示层级的排列顺序渲染可选对象元素的图片。
可选地,可选对象元素的配置信息包括:区域位置信息。渲染模块304进一步适于:在物品图片中符合区域位置信息的对象展示区域中渲染可选对象元素的图片。
可选地,渲染模块304进一步适于:利用物理引擎在对象展示区域中对可选对象元素进行物理运动效果处理。
可选地,可选对象元素的渲染信息还包括:对象密度信息、对象弹性信息和对象位置信息;可选对象元素的配置信息还包括:重力方向信息和重力加速度信息。渲染模块304进一步适于:将对象密度信息、对象弹性信息、对象位置信息、重力方向信息以及重力加速度信息添加至物理引擎中;运行物理引擎,模拟计算可选对象元素的物理运动参数;根据物理运动参数,在对象展示区域中更新渲染可选对象元素的物理运动状态。其中,物理运动状态包括:重力状态、碰撞状态、挤压状态和/或旋转状态。
可选地,该装置还包括:生成模块305,适于生成可选对象添加信息。展示模块301进一步适于:在预设位置处呈现可选对象添加信息。在渲染模块304完成对可选对象元素的渲染之后,可在物品图片的右侧或者左侧等预设位置处呈现可选对象添加信息,以便用户能够方便地获知可选对象元素是否完成添加。
本实施例提供的对象可视化处理装置,通过为物品定制对应的对象展示区域和可选对象元素,并设置可选对象元素的渲染信息和配置信息,得到了为物品添加可选对象元素的可视化展示方案;在用户选择了可选对象元素之后,能够根据可选对象元素的渲染信息和配置信息实时、便捷地将所要添加的可选对象元素以图片可视化的方式展示在对应区域中,还可利用物理引擎对可选对象元素进行物理运动效果处理,不仅使得用户能够直观地通过图片来确定其最终选择结果,有效地缩短了用户核查最终选择结果所需的时间,提升了选择场景的整体处理效率,而且还进一步丰富了在对象展示区域中添加可选对象元素的展示效果,增加了趣味性。
本发明实施例提供了一种非易失性计算机存储介质,计算机存储介质存储有至少一可执行指令,该计算机可执行指令可执行上述任意方法实施例中的对象可视化处理方法。
图4示出了根据本发明实施例的一种计算设备的结构示意图,本发明具体实施例并不对计算设备的具体实现做限定。
如图4所示,该计算设备可以包括:处理器(processor)402、通信接口(Communications Interface)404、存储器(memory)406、以及通信总线408。
其中:
处理器402、通信接口404、以及存储器406通过通信总线408完成相互间的通信。
通信接口404,用于与其它设备比如客户端或其它服务器等的网元通信。
处理器402,用于执行程序410,具体可以执行上述对象可视化处理方法实施例中的相关步骤。
具体地,程序410可以包括程序代码,该程序代码包括计算机操作指令。
处理器402可能是中央处理器CPU,或者是特定集成电路ASIC(ApplicationSpecific Integrated Circuit),或者是被配置成实施本发明实施例的一个或多个集成电路。计算设备包括的一个或多个处理器,可以是同一类型的处理器,如一个或多个CPU;也可以是不同类型的处理器,如一个或多个CPU以及一个或多个ASIC。
存储器406,用于存放程序410。存储器406可能包含高速RAM存储器,也可能还包括非易失性存储器(non-volatile memory),例如至少一个磁盘存储器。
程序410具体可以用于使得处理器402执行上述任意方法实施例中的对象可视化处理方法。程序410中各步骤的具体实现可以参见上述对象可视化处理实施例中的相应步骤和单元中对应的描述,在此不赘述。所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的设备和模块的具体工作过程,可以参考前述方法实施例中的对应过程描述,在此不再赘述。
在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明实施例也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明实施例的内容,并且上面对特定语言所做的描述是为了披露本发明实施例的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明示例性实施例的描述中,各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明实施例要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
本发明各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例中的一些或者全部部件的一些或者全部功能。本发明实施例还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明实施例的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明实施例可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
Claims (10)
1.一种对象可视化处理方法,所述方法包括:
呈现对象选择配置页面,所述对象选择配置页面包含对象展示区域以及至少一个可选对象元素;
检测针对任一可选对象元素触发的选择事件,获取所述可选对象元素的渲染信息以及所述可选对象元素在对象展示区域的配置信息;
根据所述可选对象元素的渲染信息以及所述可选对象元素的配置信息,在所述对象展示区域中渲染所述可选对象元素。
2.根据权利要求1所述的方法,其中,所述可选对象元素的渲染信息包括:图片链接地址和对象展示尺寸;
所述根据所述可选对象元素的渲染信息以及所述可选对象元素的配置信息,在所述对象展示区域中渲染所述可选对象元素进一步包括:
依据所述图片链接地址,获取所述可选对象元素的图片;
依据所述对象展示尺寸,对所述可选对象元素的图片的尺寸进行调整;
根据所述可选对象元素的配置信息,在所述对象展示区域中渲染所述可选对象元素的图片。
3.根据权利要求2所述的方法,其中,所述可选对象元素的渲染信息还包括:对象位置信息;
所述根据所述可选对象元素的配置信息,在所述对象展示区域中渲染所述可选对象元素的图片进一步包括:
根据所述可选对象元素的配置信息,在所述对象展示区域中符合所述对象位置信息的位置处渲染所述可选对象元素的图片。
4.根据权利要求2或3所述的方法,其中,所述可选对象元素的渲染信息还包括:对象展示层级;
所述根据所述可选对象元素的配置信息,在所述对象展示区域中渲染所述可选对象元素的图片进一步包括:
根据所述可选对象元素的配置信息,在所述对象展示区域中按照对象展示层级的排列顺序渲染所述可选对象元素的图片。
5.根据权利要求2所述的方法,其中,所述可选对象元素的配置信息包括:区域位置信息;
所述根据所述可选对象元素的配置信息,在所述对象展示区域中渲染所述可选对象元素的图片进一步包括:
在物品图片中符合所述区域位置信息的对象展示区域中渲染所述可选对象元素的图片。
6.根据权利要求1-5任一项所述的方法,其中,在在所述对象展示区域中渲染所述可选对象元素之后,所述方法还包括:
利用物理引擎在所述对象展示区域中对所述可选对象元素进行物理运动效果处理。
7.根据权利要求6所述的方法,其中,所述可选对象元素的渲染信息还包括:对象密度信息、对象弹性信息和对象位置信息;所述可选对象元素的配置信息还包括:重力方向信息和重力加速度信息;
所述利用物理引擎在所述对象展示区域中对所述可选对象元素进行物理运动效果处理进一步包括:
将所述对象密度信息、所述对象弹性信息、所述对象位置信息、所述重力方向信息以及所述重力加速度信息添加至所述物理引擎中;
运行所述物理引擎,模拟计算所述可选对象元素的物理运动参数;
根据所述物理运动参数,在所述对象展示区域中更新渲染所述可选对象元素的物理运动状态。
8.一种对象可视化处理装置,所述装置包括:
展示模块,适于呈现对象选择配置页面,所述对象选择配置页面包含对象展示区域以及至少一个可选对象元素;
检测模块,适于检测针对任一可选对象元素触发的选择事件;
获取模块,适于获取所述可选对象元素的渲染信息以及所述可选对象元素在对象展示区域的配置信息;
渲染模块,适于根据所述可选对象元素的渲染信息以及所述可选对象元素的配置信息,在所述对象展示区域中渲染所述可选对象元素。
9.一种计算设备,包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;
所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行如权利要求1-7中任一项所述的对象可视化处理方法对应的操作。
10.一种计算机存储介质,所述存储介质中存储有至少一可执行指令,所述可执行指令使处理器执行如权利要求1-7中任一项所述的对象可视化处理方法对应的操作。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010265108.9A CN111506372B (zh) | 2020-04-07 | 2020-04-07 | 对象可视化处理方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010265108.9A CN111506372B (zh) | 2020-04-07 | 2020-04-07 | 对象可视化处理方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111506372A true CN111506372A (zh) | 2020-08-07 |
CN111506372B CN111506372B (zh) | 2023-09-26 |
Family
ID=71874205
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010265108.9A Active CN111506372B (zh) | 2020-04-07 | 2020-04-07 | 对象可视化处理方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111506372B (zh) |
Citations (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20130311936A1 (en) * | 2012-05-15 | 2013-11-21 | Serious Integrated, Inc. | Contextual rendering in displaying objects |
CN104462418A (zh) * | 2014-12-11 | 2015-03-25 | 小米科技有限责任公司 | 页面显示方法及装置、电子设备 |
CN107170029A (zh) * | 2017-05-10 | 2017-09-15 | 广州梦映动漫网络科技有限公司 | 一种动漫角色素材组合的显示方法、存储设备及电子设备 |
CN107480157A (zh) * | 2016-06-08 | 2017-12-15 | 阿里巴巴集团控股有限公司 | 局部区域对象展示方法、局部区域线路展示方法及装置 |
CN107590713A (zh) * | 2017-07-31 | 2018-01-16 | 厦门乐石信息科技有限公司 | 一种结合场景的卫浴产品定制方法与系统 |
CN107729094A (zh) * | 2017-08-29 | 2018-02-23 | 口碑(上海)信息技术有限公司 | 一种用户界面渲染的方法及装置 |
CN108255910A (zh) * | 2017-07-31 | 2018-07-06 | 广州市动景计算机科技有限公司 | 信息展示方法、客户端、服务端及设备 |
CN108255969A (zh) * | 2017-12-26 | 2018-07-06 | 平安科技(深圳)有限公司 | 可视化图表页面实现方法、装置、终端设备及存储介质 |
CN108469970A (zh) * | 2017-02-17 | 2018-08-31 | 阿里巴巴集团控股有限公司 | 页面选项卡信息处理方法及装置 |
CN109646955A (zh) * | 2018-12-20 | 2019-04-19 | 网易(杭州)网络有限公司 | 游戏界面生成方法、装置和存储介质 |
CN109684578A (zh) * | 2018-12-28 | 2019-04-26 | 北京字节跳动网络技术有限公司 | 用于显示信息的方法和装置 |
CN110096277A (zh) * | 2019-03-19 | 2019-08-06 | 北京三快在线科技有限公司 | 一种动态页面展示方法、装置、电子设备及存储介质 |
CN110119270A (zh) * | 2018-02-07 | 2019-08-13 | 阿里巴巴集团控股有限公司 | 网页搭建方法、装置、设备和框架 |
-
2020
- 2020-04-07 CN CN202010265108.9A patent/CN111506372B/zh active Active
Patent Citations (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20130311936A1 (en) * | 2012-05-15 | 2013-11-21 | Serious Integrated, Inc. | Contextual rendering in displaying objects |
CN104462418A (zh) * | 2014-12-11 | 2015-03-25 | 小米科技有限责任公司 | 页面显示方法及装置、电子设备 |
CN107480157A (zh) * | 2016-06-08 | 2017-12-15 | 阿里巴巴集团控股有限公司 | 局部区域对象展示方法、局部区域线路展示方法及装置 |
CN108469970A (zh) * | 2017-02-17 | 2018-08-31 | 阿里巴巴集团控股有限公司 | 页面选项卡信息处理方法及装置 |
CN107170029A (zh) * | 2017-05-10 | 2017-09-15 | 广州梦映动漫网络科技有限公司 | 一种动漫角色素材组合的显示方法、存储设备及电子设备 |
CN108255910A (zh) * | 2017-07-31 | 2018-07-06 | 广州市动景计算机科技有限公司 | 信息展示方法、客户端、服务端及设备 |
CN107590713A (zh) * | 2017-07-31 | 2018-01-16 | 厦门乐石信息科技有限公司 | 一种结合场景的卫浴产品定制方法与系统 |
CN107729094A (zh) * | 2017-08-29 | 2018-02-23 | 口碑(上海)信息技术有限公司 | 一种用户界面渲染的方法及装置 |
CN108255969A (zh) * | 2017-12-26 | 2018-07-06 | 平安科技(深圳)有限公司 | 可视化图表页面实现方法、装置、终端设备及存储介质 |
CN110119270A (zh) * | 2018-02-07 | 2019-08-13 | 阿里巴巴集团控股有限公司 | 网页搭建方法、装置、设备和框架 |
CN109646955A (zh) * | 2018-12-20 | 2019-04-19 | 网易(杭州)网络有限公司 | 游戏界面生成方法、装置和存储介质 |
CN109684578A (zh) * | 2018-12-28 | 2019-04-26 | 北京字节跳动网络技术有限公司 | 用于显示信息的方法和装置 |
CN110096277A (zh) * | 2019-03-19 | 2019-08-06 | 北京三快在线科技有限公司 | 一种动态页面展示方法、装置、电子设备及存储介质 |
Non-Patent Citations (2)
Title |
---|
MING-TE CHI 等: ""Stylized and abstract painterly rendering system using a multiscale segmented sphere hierarchy"", 《IEEE TRANSACTIONS ON VISUALIZATION AND COMPUTER GRAPHICS》 * |
陈新美 等: """顾客对工厂"定制采购模式下酒店床品布草的网页 3D样品展示"", vol. 17, no. 2, pages 136 - 142 * |
Also Published As
Publication number | Publication date |
---|---|
CN111506372B (zh) | 2023-09-26 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11810237B2 (en) | Systems and methods for transmitting and rendering 3D visualizations over a network | |
US9779444B2 (en) | Recommendations utilizing visual image analysis | |
JP6152112B2 (ja) | 拡張現実を使用した物品の視覚化 | |
CN110942370B (zh) | 基于描述符和图像的项目模型 | |
EP2909576B1 (en) | System and method for automated optical imaging of an item | |
CN108491446B (zh) | 提供滚动图的方法和系统 | |
CN106610785B (zh) | 商品对象列表信息处理方法及装置 | |
WO2013147883A1 (en) | Presentation-structure-aware display of planograms | |
CN111580788B (zh) | 模板搭配信息推荐方法、装置及电子设备 | |
US11205245B2 (en) | Method of improving visual recognition of an item and item display system | |
US20170103430A1 (en) | Responsive advertisement formats based on viewability pixel data | |
US9141985B1 (en) | Simplified seller listing service | |
US9734218B2 (en) | Spiral listing of items | |
CN110187816B (zh) | 漫画类型电子书的自动翻页方法、计算设备及存储介质 | |
US11423606B2 (en) | Technologies for rendering items within a user interface using various rendering effects | |
CN106681590B (zh) | 一种行车记录装置屏幕内容的展示方法和装置 | |
CN111837100B (zh) | 用于物品的三维表示的在线可插式三维平台 | |
CN111506372B (zh) | 对象可视化处理方法及装置 | |
CN112130938A (zh) | 界面的生成方法、计算设备及存储介质 | |
CN113837833B (zh) | 基于角色模型的物品展示方法及装置 | |
CN111198731A (zh) | 一种界面实现方法、装置、电子设备和存储介质 | |
JP2008242938A (ja) | 三次元cg画像による陳列シミュレーションシステム | |
WO2014014431A1 (en) | Serving expandable content items | |
CN110059279B (zh) | 商品套餐信息的生成方法及装置 | |
CN112418980A (zh) | 基于ar的商品展示系统、方法、设备及存储介质 |
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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |