CN108154413B - 生成、提供数据对象信息页面的方法及装置 - Google Patents
生成、提供数据对象信息页面的方法及装置 Download PDFInfo
- Publication number
- CN108154413B CN108154413B CN201611104700.0A CN201611104700A CN108154413B CN 108154413 B CN108154413 B CN 108154413B CN 201611104700 A CN201611104700 A CN 201611104700A CN 108154413 B CN108154413 B CN 108154413B
- Authority
- CN
- China
- Prior art keywords
- data object
- display
- angle
- curved surface
- scene
- 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.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T15/00—3D [Three Dimensional] image rendering
- G06T15/10—Geometric effects
- G06T15/20—Perspective computation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/972—Access to data in other repository systems, e.g. legacy data or dynamic Web page generation
-
- 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/02—Marketing; Price estimation or determination; Fundraising
- G06Q30/0241—Advertisements
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
- G06T13/20—3D [Three Dimensional] animation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T15/00—3D [Three Dimensional] image rendering
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T19/00—Manipulating 3D models or images for computer graphics
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Business, Economics & Management (AREA)
- Databases & Information Systems (AREA)
- Finance (AREA)
- Accounting & Taxation (AREA)
- Computer Graphics (AREA)
- General Engineering & Computer Science (AREA)
- Development Economics (AREA)
- Strategic Management (AREA)
- Data Mining & Analysis (AREA)
- Marketing (AREA)
- Economics (AREA)
- General Business, Economics & Management (AREA)
- Computer Hardware Design (AREA)
- Geometry (AREA)
- Entrepreneurship & Innovation (AREA)
- Game Theory and Decision Science (AREA)
- Computing Systems (AREA)
- Software Systems (AREA)
- Processing Or Creating Images (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请实施例公开了生成、提供数据对象信息页面的方法及装置,其中,所述方法包括:服务器创建3D场景,所述3D场景为曲面结构;确定数据对象的展示信息,所述展示信息包括具有3D展示效果的展示模型;确定各数据对象的展示信息在所述曲面结构上的位置,以及与所述曲面所成的第一角度;所述数据对象展示信息及其位置、第一角度信息,生成数据对象信息页面。通过本申请实施例,有利于提升页面转化率。
Description
技术领域
本申请涉及页面信息处理技术领域,特别是涉及生成、提供数据对象信息页面的方法及装置。
背景技术
电子商务交易平台发展到今天,除了在交易流程、库存管理、支付流程等方面进行了各种完善之外,在网页设计环节也在不断的开创新的模式。尤其是在“双十一”等大型促销活动的预热期,通常会需要发布汇集众多品牌信息的页面,以更好的进行导流,提高商家页面的访问量。
现有技术中,为了达到提升页面访问量等目的,通常会从页面的版头(banner)、页面内展示的数据内容、页面布局等角度进行改造。但是,实际的效果可能并不明显,因为仅仅从上述方面对页面进行改造时,最终生成的页面,对于用户而言,可能仍然会有“千篇一律”的感觉,用户可能无法从页面中获得新鲜感,这样也就很难起到吸引用户查看、提高用户在页面中的驻留时间等目的,进而也难以提高页面的转化率。
发明内容
本申请提供了生成、提供数据对象信息页面的方法及装置,有利于提升页面转化率。
本申请提供了如下方案:
一种生成数据对象信息页面的方法,包括:
服务器创建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世界的“近小远大”的原则,“一周=4屏”策略下会呈现更加真实的3D感。同时保证了一屏展示90度角,由于90度-110度为一个3D摄像机比较合理的捕捉角度,因此,这种方式还可以最大限度保证3D场景中各类展示模型正面用户。总之,能够在保证3D的展示效果的同时,保证足够的信息透出度。
再者,在页面运动过程中,还可以对展示模型与曲面之间的第一角度进行调整,以使得展示模型与用户观察方向之间的角度始终保持在某角度范围内,从而保证页面透出的数据的有效性。
当然,实施本申请的任一产品并不一定需要同时达到以上所述的所有优点。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本申请实施例提供的系统架构的示意图;
图2是本申请实施例提供的第一方法的流程图;
图3是本申请实施例提供的第一界面示意图;
图4是本申请实施例提供的旋转周长示意图;
图5是本申请实施例提供的摄像机对象示意图;
图6是本申请实施例提供的第二方法的流程图;
图7是本申请实施例提供的第二界面示意图;
图8-1至8-3是本申请实施例提供的第一页面运动过程示意图;
图9-1、9-2是本申请实施例提供的第二页面运动过程示意图;
图10是本申请实施例提供的第三方法的流程图;
图11是本申请实施例提供的第一装置的示意图;
图12是本申请实施例提供的第二装置的示意图;
图13是本申请实施例提供的第三装置的示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员所获得的所有其他实施例,都属于本申请保护的范围。
在本申请实施例中,突破了传统的数据对象页面的展现形式,不再采用二维平面的页面设计方式,而是实现具有3D效果的页面。也就是说,页面中的展示对象不再是展示在二维的平面中,而是具有三维立体的展示效果。显然,如果将销售平台中的一些页面设计为3D形式,则可以使得页面获得更酷炫的展示效果,并且,也使得用户获得更接近于线下逛实体店进行购物的体验,因此有利于提升页面转化率。
在进行具体的方案介绍之前,首先需要说明的是,从具体的产品架构角度而言,参见图1,本申请实施例可以分为客户端以及服务器端两部分。其中,客户端可以是指移动终端设备上的应用客户端,或者,还可以是通过浏览器浏览网页时,页面中实现的相关组件等;服务器就可以是指销售平台的服务器。其中服务器主要用于页面的生成,并在接收到客户端的访问请求时,提供相应的页面数据给客户端,客户端则主要根据服务器提供的页面数据进行具体的页面展示,在本申请实施例中,客户端还可以在页面展示过程中,对具体的展示效果等进行控制,等等。下面对具体的实现方案进行详细介绍。
实施例一
在该实施例一中,首先提供了一种生成数据对象信息页面的方法,具体的,参见图2,该方法可以包括以下步骤:
S201:服务器创建3D场景,所述3D场景为曲面结构;
具体的数据对象信息页面可以是利用3D网页技术实现的3D页面,具体实现时,可以首先创建3D场景,然后,在3D场景中放置具体的数据对象展示模型。在3D场景设置方面,本申请发明人在实现本申请的过程中,最初考虑通过3D巡航场景的方式来实现,与多数第一人称游戏类似,使用第一人称的视角在场景中“边逛边玩”,但是,这种方式在数据对象(包括商品对象、品牌对象等)信息透出以及系统性能等方面存在着挑战。
为此,本申请发明人进行了场景简化,保留展示模型,提出一种“曲面”化场景方案,例如,其中一种曲面的实现方式,可以是在具有一定宽度的环状曲面,这种环状曲面是一种近似“滚筒”的场景方案。在“滚筒”上进行数据对象展示模型的摆放。其中,所述旋转面的宽度(也即环状曲面的宽度)可以与屏幕展示范围的宽度相同,在所述3D场景运动的过程中,所述环状的曲面结构以其旋转轴为轴进行旋转运动(通常,具体在展示时,可以使得旋转轴的轴向与终端设备的放置方向平行,这样,用户可以通过上下滑动屏幕的方式,来触发场景的滚动),且同一时刻进入到终端设备屏幕内可视区域的曲面为所述旋转面在旋转方向上的一部分,用户通过在终端设备屏幕上进行滑动等方式,可以触发曲面的滚动,以查看曲面其他部分放置的数据对象信息。这种方式可以使得场景得到简化,可以在保证信息透出度的情况下,避免使得系统性能受到太大的影响。当然,在实际应用中,上述曲面结构还可以有其他的实现方式,例如,还可以包括球形曲面、弧形曲面,等等。
S202:确定数据对象的展示信息,所述展示信息包括具有3D展示效果的展示模型;
其中,数据对象就可以是商品对象、店铺对象、品牌对象,等等。在本申请实施例中,由于使用了3D场景,因此,相关的数据对象也可以具有对应的展示信息。具体的,这种展示信息可以是具有3D效果的展示模型,并且与具体的数据对象关联,例如,可以是根据某品牌的名称、logo(图形标志)、代表图片等制作而成的三维立体展示模型,等等。具体实现时,可以将这种展示模型分布于曲面上,采用直立于曲面的方式进行放置,并与曲面成一定的角度,例如,可以与曲面的切线成90度角,从而使得整个场景中的曲面为“地面”、展示模型放置在“地面”上的视觉效果。
具体实现时,从系统性能角度,考虑到实际展示过程中的性能往往受限于单个展示模型的面数(对于3D模型而言,模型越精细3D效果越明显,展示的面数通常会越多),本申请发明人在某移动终端设备上做了测试,当面数在3万个左右(当展示模型为30个时)的时候,帧率已经掉到20多fps(当然面数不是决定性能唯一指标,但是帮助发明人做了一些方案选择依据)。而在实际应用中,需要对至少60个数据对象做展示模型,因此,涉及到的面数会更多,此时,前端性能上可能还是会存在问题。
为此,在展示模型的设计方面,本申请实施例还可以进行进一步的优化,具体的,可以使用纸片风格的画板制作具有3D展示效果的展示模型,即“广告牌”方案。所谓的纸片风格画板,实际上可以看作是对三维展示模型的扁平化处理,最终的展示模型“薄”如纸片,这样,可以减少展示模型的面数。同时,这种纸片风格的画板也可以自带一些3D感,这是因为,实际上很多2D图案因为有透视效果,当观察的角度与设计师设计的视角吻合时,会感觉具有3D的效果。通过这种纸片风格画板来生成展示模型,可以使得展示模型在具有3D效果的同时,减少需要展示的面数,因此,可以进一步提升系统性能。另外,由于“广告牌”在现实生活里也比较常见,比如大型购物地带、繁华路段等等,因此,通过纸片风格的画板生成的展示模型,也可以使得用户获得更接近与线下“逛街”的体验。
在实际应用中,具体需要在上述3D场景中展示哪些数据对象的展示模型,可以是通过招商等方式来实现。例如,页面中的展示对象是关于商家具体店铺或者品牌等推荐信息,此时,交易平台服务器可以预先向多个商家用户发送招商邀请,商家如果具有相应的需求,则可以报名参加。相应的,交易平台服务器就可以根据该商家的名称、品牌logo、代表图片等,生成具体的展示模型。其中,关于具体的展示模型,可以是由商家自行提供,或者,也可以由交易平台服务器根据商家的信息来生成具体的展示模型,当然,在交易平台服务器生成展示模型后,还可以发给商家进行确认,在商家确认无误后,再将其放置到页面内具体的3D场景中。另外,在实际应用中,展示模型的制作还可以由设计能力更强的第三方来完成,也即交易平台服务器可以将相关商家的信息提供给第三方设计公司,由第三方设计公司设计出纸片风格的展示模型,最后,交易平台服务器同样可以将设计公司设计完成的展示模型发送给对应的商家进行确认,等等。
需要说明的是,在本申请实施例中,同一个页面中展示的数据对象的数量是有限的,例如,通常可以设置为60个左右,等等,当然,在实际应用中,也可以根据具体的需求展示更多或者更少的数据对象信息。另外,在确定具体的展示数量时,还可以结合创建的3D场景的面积进行考虑,因为,3D场景在创建完成后,其面积就是固定的,此时,如果在场景中展示过多数据对象的展示模型,则会由于展示模型过于密集,而使得信息的辨识度降低。
S203:确定各数据对象的展示信息在所述曲面结构上的位置,以及与所述曲面所成的第一角度;
在确定出3D场景中各个待展示的数据对象关联的展示模型后,就可以将具体的展示模型放置到3D场景对应的曲面上。具体实现时,可以提供地图编辑器,该编辑器可以用于编辑各个展示模型在曲面上的放置位置、角度等。其中,这里所述的角度,可以是指展示模型正面与所述曲面在对应位置的切面所成的角度,通常,在默认状态下,该角度可以为90度左右,也就是说,当用户的视线刚好与曲面的某个位置处的切面平行,则可以该位置上展示的展示模型的正面则刚好正对着用户视线,使得该展示模型展示的信息能够获得最佳的曝光角度。
S204:保存所述数据对象展示信息及其位置、第一角度信息,生成数据对象信息页面。
在接收到展示所述据对象信息页面的请求时,按照所述位置以及第一角度信息,将所述数据对象的展示信息在所述3D场景中进行展示。
在确定出各数据对象展示信息在3D场景中的位置、第一角度信息后,就可以将这些信息进行保存,具体在进行页面展示时,就可以根据这些信息,将数据对象的展示信息放置在3D场景中对应的位置上进行展示。具体的,由于3D场景的曲面可以是旋转面结构,因此,具体的数据对象展示信息可以是放置在旋转面的外表面上,当然,还可以放置在内表面,等等,具体可以根据实际需求进行确定。例如,在曲面结构为具有一定宽度的环状旋转面的情况下,具体的页面展示效果可以如图3所示。
通过上述方式,可以实现最基本的3D页面,但是,在实际展示过程中,为了在展示效果、页面性能、开发效率之间寻找到平衡,本申请实施例在3D页面的场景设置、展示对象的展示方式等方面都可以进行相应的优化处理。
具体的,在本申请实施例首先可以从展示效果方面进行优化。也就是说,在本申请实施例中,由于各个数据对象的展示模型是展示在一个曲面上,因此,如何保证具有3D展示效果的情况下,保证最大的信息透出为本申请实施例需要阐述的问题。
具体的,在相同的技术条件下,相对3D场景而言,2D平面的场景信息透出是最大的(因为是平面,保证100%正对着用户)。但是,如果既想保证3D的展示效果,又保证足够的信息透出度,则是一个值得思考的问题。在本申请实施例中,对于旋转面结构为具有预置宽度的环状旋转面的情况下,可以通过调整所述滚筒状结构环状旋转面的旋转周长,使得所述旋转周长为终端设备中每一屏展示出的部分曲面的弧长的整数倍,使以便进入到终端设备屏幕可视范围的曲面具有3D效果,并且每一屏透出的数据对象数量符合预置条件。
具体的,在本申请实施例中,一个前提是,一屏(1屏即为手机等终端设备屏幕满屏)仅展示旋转面结构的一部分,理论上讲,这里的“一部分”可以为任意值,但是,具体为多大比例才能够既保证3D的展示效果,又保证足够的信息透出度,则是需要进行相应的调整。具体实现时,为了寻求最佳的“比例”,首先可以对多种方案进行对比。例如,可以将“一周=8屏”(M方案),“一周=4屏”(N方案),这两种方案进行对比。如图4所示,假设将环状旋转面结构取横截面,则为圆形结构,其中A点为一屏结束的标志。通过对比可见,M方案能够保证尽可能的信息透出,因为相对于N方案,整个弧面更接近于平面,但是M方案的3D感会比较低,也是因为弧度不够,缺乏远近变化。而根据3D世界的“近小远大”的原则,A点在“一周=4屏”策略下会呈现更加真实的3D感。同时保证了一屏为90度角,90度-110度为一个3D摄像机比较合理的捕捉角度,同时,90度还可以最大限度保证地面建筑、装饰等各类展示模型正面用户。另外,如果使用“1周<4屏”的方案,虽然3D感与“一周=4屏”比较接近,但是场景的信息透出会变少。
综合上述分析,本申请实施例中可以采用“一周=4屏”的方案,这样可以保证3D的展示效果,又保证足够的信息透出度。
从技术角度而言,具体实现时,在创建3D场景,时还可以创建摄像机对象。摄像机对象从技术层面而言通常也可以称为观察的视景体或者视锥体View frustum。如图5所示,其参数至少可以包括:
Field of view,视角,指定视景体的视野的角度,以度数为单位,y轴的上下方向;
Viewport(near clipping plane)沿z轴方向的两裁面之间的距离的近处,用于指定观察者到视景体的最近的裁剪面的距离;
Viewport(far clipping plane),沿z轴方向的两裁面之间的距离的远处,用于指定观察者到视景体的最远的裁剪面的距离。
通过合理设定摄像机对象的各个参数,即可使得3D场景中的各个展示模型呈现出3D的展示效果,在本申请实施例中,实现的3D场景即可如图4下面所示,当然,其仅示出了滚筒结构的一部分。其中,摄像机对象的可见区域通常与人眼能够在页面中观察到的3D场景区域是相同的,因此,摄像机对象的观察方向在一定程度上能够代表用户的观察方向。
具体在对旋转周长进行调整时,就可以通过调整所述旋转周长,将旋转周长为终端设备中每一屏展示出的部分曲面的弧长的整数倍,优选的,则可以是四倍。也就是说,可以创建3D场景时,可以使得其旋转周长满足“一周=四屏”的条件,在旋转周长确定的情况下,就能够确定出每次进入到可见区域的部分为周长的几分之一,其中,具体的旋转周长的长度可以通过具体的计算获知,这里不再详述。
另外,在本申请实施例中,除了调节旋转周长的长度,还可以通过调节摄像机对象的位置和/或角度参数,将所述旋转面的宽度占满终端设备显示屏,并在所述3D场景的上方预留出部分空白区域。具体的,这是因为,如果旋转面的宽度没有占满显示屏,也就显示屏左右出现留白,此时可能会影响整体的展示效果,如果旋转面的宽度超过了显示屏的宽度,则用户需要左右滑动页面才能将旋转面在宽度方向上的信息看全,操作不方便也不够合理,因此,在具体实现时,可以采用旋转面的宽度刚好占满显示屏宽度方向的方案。同时,还可以在3D场景的上方,预留出部分空白区域,这是因为,在向3D场景中放置具体的展示模型时,通常可以采用“直立”的方式进行放置,也即,展示模型看上去是立在曲面上,因此,可以在3D场景的最上方可以为这种展示模型的展示预留出一定的空间。
具体的,可以通过对摄像机对象的位置和/或角度进行调节的方式来达到上述目的。例如,关于其中的角度参数,摄像机对象的角度参数,也即,视角的大小,可以看作是人眼睛睁开的角度,如果设置为0度,相当于闭上眼睛了,所以什么也看不到,如果设置为180度,那么可以认为视界很广阔,但是在180度的时候,往往物体很小,因为物体在整个可视区域中的比例变小了。也就是说,视角越大,中间的物体越小,这是因为,视角越大,看到的场景越大,那么中间的物体相对于整个场景来说,就越小了。因此,在具体实现时,可以将摄像机角度参数设置为合适的值,例如,在本申请实施例中,可以设置为40度到45度之间,等等。
而关于摄像机的位置,可以通过预置函数的方式来设定,例如,camera.position.set(0,1,1),观察方向可以指向z轴的反方向,如果摄像机位置就是(0,1,1),那么观察方向lookAt就是(0,1,0)。
需要说明的是,在技术实现上,生成上述页面的方式可以有多种,例如,其中一种方式下,可以使用CSS3(Cascading Style Sheet 3,层叠样式表技术的升级版)来模拟实现上述效果。但是,本申请发明人发现,CSS3在处理这种大场景时存在一些无法回避的问题。例如,在构建具有一定宽度的环状曲面3D场景的情况下,如果使用CSS3技术,则需要先把环状场景切成一个个dom的面片,贴图工作量巨大,而且效果不好,并且,切割后的形状拼接成一个大形状后,边缘会有“黑边”问题,另外,交互阶段,在曲面旋转做翻译的过程中,可能还会引起黑屏、白屏和闪烁等问题。
总之,CSS3实际上更适合一些小场景。另外,在3D表达上,物体的形状和纹理是最能直接感受的两个特征,形状就是最终显示出的样子,纹理就是表面的附着。除了这些,光照,环境(雾、雨),反射,材质都能通过对材质表面的颜色做若干次运算获得,最终通过算出来的RGBA来使物体呈现丰富的外观。但是,在构建3D物件形状上,CSS3会显得捉襟见肘。因此,在优选的实施例中,可以选择WebGL技术来实现上述3D页面的设计。
为了更好的与展示模型制作部门沟通,还可以单独为3D页面提供编辑器。编辑器的编写可以遵循组件化的思路,可以进行动态插拔,降低与主场景渲染的耦合度。编辑器最终目的是产出符合美术预期的场景数据。此外,业务数据会和场景数据之间可以建立映射,这样方便检索。比如,场景品牌的命名就可以以店铺id命名,方便两种数据做串联。
总之,通过本申请实施例,在生成数据对象页面时,可以创建3D场景,并确定数据对象的展示信息,所述展示信息包括具有3D展示效果的展示模型,之后,再确定各数据对象的展示信息在所述曲面结构上的位置,以及与所述曲面所成的第一角度,这样,就可以将数据对象的展示模型通过3D场景进行展示,因此,可以获得更为炫酷的页面展示效果,并且,更接近于线下逛实体店进行购物的体验,因此有利于提升页面转化率。
其中,在曲面为旋转面的情况下,通过调整旋转面的旋转周长,将旋转周长为终端设备中每一屏展示出的部分曲面的弧长的整数倍,优选的,可以是四倍,最后再将预置数据对象的展示模型放置在所述3D场景中,生成数据对象信息页面。这样,根据3D世界的“近小远大”的原则,“一周=4屏”策略下会呈现更加真实的3D感。同时保证了一屏展示90度角,由于90度-110度为一个3D摄像机比较合理的捕捉角度,因此,这种方式还可以最大限度保证3D场景中各类展示模型正面用户。总之,能够在保证3D的展示效果的同时,保证足够的信息透出度。
实施例二
前述实施例一中,提供了生成页面的方法,而在该实施例二中,主要从客户端的角度,提供了一种提供数据对象信息页面的方法,具体的,参见图6,该方法可以包括以下步骤:
S601:客户端向服务器提交访问数据对象信息页面的请求;
S602:根据服务器返回的页面数据,对所述数据对象信息页面进行展示,其中,所述数据对象信息页面中包括3D场景,所述3D场景为曲面结构,所述曲面的预置位置处展示有数据对象的展示信息,所述展示信息为具有3D展示效果的展示模型,且与所述曲面成第一角度。
如实施例一中所示,其中,具体实现时,所述曲面结构可以为旋转面结构,所述数据对象的展示信息分布所述旋转面的外表面上。所述旋转面结构包括具有预置宽度的环状旋转面。为了在保证3D的展示效果的同时,保证足够的信息透出度,可以将旋转周长调整为终端设备中每一屏展示出的部分曲面的弧长的整数倍,具体可以为四倍。
在实际展示页面的过程中,通常无论在任何状态下,总会有多个展示模型进入到摄像机对象的可见区域内,这就会导致出现以下情况:3D场景中仅有一个或者少数几个展示模型大致正对着用户视线,其他的展示模型则由于与用户观察方向之间的夹角过大或者过小,而使得展示模型无法正对用户视线,以至于信息的曝光度不够,展示效果变差,甚至会出现信息展示不全、或者相邻的展示模型之间相互遮挡等情况。例如,当曲面运动到某状态时,展示出的展示模型可能会出现如图7所示的情况,也即,视觉上会感觉展示模型是“平贴”在曲面上,不再有“直立”的3D展示效果,甚至会导致一些文字或者图片等信息无法清晰展示,等等。而在页面展示过程中,如果同一屏中展示了多个数据对象的展示模型,但是不同的展示模型之间在信息的曝光度方面存在差异,影响展示效果,则显然会影响页面的信息展示效率,并且,对应的商家通常也不能接受这种情况的出现。
为此,在本申请实施例中,还可以在展示所述数据对象信息页面的过程中,确定进入终端设备屏幕可视区域内的目标展示模型,并根据所述目标展示模型与用户观察方向(例如,可以将3D场景中创建的摄像机对象的观察方向来代表用户观察方向)所成的第二角度,对所述目标展示模型与所述曲面的第一角度进行调整。具体实现时,可以在所述第二角度超出预置的数值范围时,对所述第一角度进行调整,以便将所述夹角第二角度调整到所述预置的数值范围内。也就是说,假设预置的上述数值范围为[80度,100度],则如果发现某展示模型与用户观察方向所成的第二角度小于80度,或者大于100度,则可以对展示模型执行旋转操作,以使得其正面与摄像机对象的观察方向之间的夹角进入到[80度,100度]的范围内,最好是90度。具体在对第一角度进行调整时,可以是按照预置的旋转轴对所述展示模型执行旋转操作。具体可以是以展示模型正面的底部为轴进行旋转,例如,当展示模型为纸片风格的画板时,该画板与曲面接触的部分为画板底部,在对所述画板执行旋转操作时,以所述画板底部为轴进行旋转,使得画板正面与曲面的角度发生变化,进而,画板正面与摄像机观察方向之间的角度也会发生变化。
需要说明的是,3D场景中的展示模型可能会包括两类,其中第一类展示模型是在每一帧都要展示的模型,也就是说始终位于摄像机对象可见区域内,例如,场景中虚拟出的“人物形象”,“喷泉”等,这些展示对象通常在展示的每一帧中都可能出现,并且,即使在页面静止的状态下,这种第一类展示对象可能也是在按照预定的程序不断运动的。例如,“人物形象”可能会不断的左右移动或者前后移动等等,模拟出场景中有人在“逛”的景象,或者,“喷泉”可能在不断的“喷水”,等等。因此,该步骤中在确定目标展示模型的正面与所述摄像机对象的观察方向所成的夹角时,具体可以包括,在所述页面3D场景静止的状态下,确定所述第一类展示模型的正面与所述用户观察方向所成的第二角度。
或者,3D场景中更多包括的是第二类展示模型,这类展示模型是具体的数据对象对应的展示模型,用于提供店铺、品牌的展示信息等,其特点是随着所述3D场景的运动而进入到所述终端设备屏幕可视区域,并且,所述第二类展示模型随着所述3D场景的运动而运动,且与所述3D场景的相对位置保持不变。对于这种第二类展示模型,可以是在所述3D场景运动的过程中,确定所述第二类展示模型的正面与所述用户观察方向所成的第二角度。也就是说,第二类展示模型在进入到终端设备屏幕可视区域时,其具有默认的展示状态,包括在曲面中的位置、与曲面所成的第一角度等,而根据这种默认数值,以及当前用户观察方向,即可计算出展示模型的正面与用户观察方向的第二角度。并且,随着3D场景的运动,同一个展示模型的正面与用户观察方向的第二角度还会发生变化,本申请实施例则可以跟踪这种变化,并对展示模型与3D场景之间的第一角度进行调整,使得其始终正面面向用户观察方向。
其中,3D场景的运动可以是在用户的触发下执行的,例如,用户在终端设备屏幕上执行上下滑动操作,相应的,3D场景可以随之进行向上或者向下的滚动,也就是说,3D场景随着用户在屏幕内执行的滑动操作而运动。例如,参见图8-1,其为某t1时刻,3D场景在页面中的展示状态,当用户在屏幕上执行向下滑动的操作时,曲面沿着顺时针方向滚动,在某t2时刻,3D场景在页面中的展示状态如图8-2所示,可见,“ZARA”等相关的展示模型已经随着曲面向屏幕下方运动,“全棉时代”、“周大福”等相关的展示模型已经逐渐进入到可见区域。当用户继续滑动屏幕时,在t3时刻,3D场景在页面中的展示状态如图8-3所示,“ZARA”等相关的展示模型已经移出可见区域,相应的,“全棉时代”、“周大福”等相关的展示模型进入到可见区域的中央位置,等等。
或者,在另一种情况下,还可以为用户提供“随机逛”的操作选项,通过触发该选项,3D场景首先可以自行向某个方向滚动,之后在某个目标展示模型处可以停止,也即,将该目标展示模型的相关信息推荐给当前用户。具体实现时,在到达目标展示模型处停止运动后,还可以将所述3D场景放大,并在所述摄像机对象可见区域内提供关于所述目标展示模型的特写展示。例如,如图5-3中所示,在界面最下方中央位置处展示有“随机逛”的操作选项,用户可以通过该操作选项触发曲面的随机滚动,之后,曲面可以以比较快速的速度进行滚动,直到到达某随机的位置停止运动,例如,停止的位置如图9-1所示,此时,需要向当前用户推荐的目标展示模型,是关于“魅族手机”的相关展示模型,则可以将3D场景进行局部放大,也即“镜头拉近”,并将目标展示模型展示在屏幕的中央位置,例如,可以展示出如图9-2所示的状态,此时,在可见区域内以展示该目标展示模型的信息为主,可以提高用户对该展示模型的关注度。
其中,关于上述“随机逛”功能中目标展示模型的确定,可以有多种方式,例如,可以采用完全随机的方式来进行,或者,还可以结合关联用户的个性化偏好信息进行确定。例如,假设根据某用户的历史行为记录发现,该用户比较对电子数码类产品感兴趣,则可以优先提供该类的信息给该用户,从而更好的实现导流。
另外需要说明的是,在用户浏览上述3D页面的过程中,还可以对页面中的展示模型进行操作,例如,展示模型如果是与某品牌或者店铺对象关联,则当某目标店铺对应的展示模型被操作时,则可以跳转到该目标店铺的店铺页面进行展示,从而实现向该店铺页面的导流。
关于实施例二中页面的具体的生成方式,可以参见前述实施例一中的介绍,这里不再赘述。
实施例三
该实施例三是与实施例二相对应的,从服务器的角度进行的介绍。具体的,参见图10,该方法可以包括以下步骤:
S1001:服务器接收客户端针对数据对象信息页面的访问请求;
S1002:提供所述数据对象信息页面,其中,所述数据对象信息页面中包括3D场景,所述3D场景为曲面结构,所述曲面的预置位置处展示有数据对象的展示信息,所述展示信息为具有3D展示效果的展示模型,且与所述曲面成第一角度。
关于上述实施例三的具体实现可以参见前述实施例一以及实施例二的介绍,这里不再赘述。
实施例四
在该实施例四中,还提供了一种数据对象信息页面,具体的,所述数据对象信息页面中包括3D场景,所述3D场景为曲面结构,所述曲面的预置位置处展示有数据对象的展示信息,所述展示信息为具有3D展示效果的展示模型,且与所述曲面成第一角度。
具体实现时,所述曲面结构可以为旋转面结构,所述数据对象的展示信息分布所述旋转面的外表面上。更为具体的,所述旋转面结构可以为具有预置宽度的环状旋转面,所述旋转周长为终端设备中每一屏展示出的部分曲面的弧长的整数倍,具体可以为四倍。
关于该页面内的其他特征,可以参见前述各实施例中的介绍,这里不再赘述。
与实施例一相对应,本申请实施例还提供了一种生成数据对象信息页面的装置,参见图11,该装置应用于服务器,包括:
场景创建单元1101,用于创建3D场景,所述3D场景为曲面结构;
展示信息确定单元1102,用于确定数据对象的展示信息,所述展示信息包括具有3D展示效果的展示模型;
位置及角度信息确定单元1103,用于确定各数据对象的展示信息在所述曲面结构上的位置,以及与所述曲面所成的第一角度;
页面生成单元1104,用于所述数据对象展示信息及其位置、第一角度信息,生成数据对象信息页面。
具体实现时,该装置还可以包括:
页面展示单元,用于在接收到展示所述据对象信息页面的请求时,按照所述位置以及第一角度信息,将所述数据对象的展示信息在所述3D场景中进行展示。
其中,所述曲面结构为旋转面结构,所述数据对象的展示信息分布所述旋转面的外表面上。
所述旋转面结构具体可以包括具有预置宽度的环状旋转面。
为了在保证具有3D展示效果的同时,还可以保证数据对象信息的透出度,所述旋转周长可以为终端设备中每一屏展示出的部分曲面的弧长的整数倍。
在一种优选的方式下,所述旋转周长可以为终端设备中每一屏展示出的部分曲面的弧长的四倍。
另外,该装置还可以包括:
第一摄像机对象参数调整单元,用于通过调整所述3D场景中的摄像机对象的位置和/或视角参数,将所述旋转面的宽度在水平方向上占满终端设备屏幕。
第二摄像机对象参数调整单元,用于通过调整所述3D场景中的摄像机对象的位置和/或视角参数,在垂直方向上,在所述3D场景的上方预留出部分空白区域。
其中,所述展示信息在各自所在的位置上与所述曲面所成的第一角度为90度。
所述展示模型可以包括:纸片风格的画板,所述画板的正面面向用户观察方向。
与实施例二相对应,本申请实施例还提供了一种提供数据对象信息页面的装置,参见图12,该装置应用于客户端,包括:
请求提交单元1201,用于向服务器提交访问数据对象信息页面的请求;
页面展示单元1202,用于根据服务器返回的页面数据,对所述数据对象信息页面进行展示,其中,所述数据对象信息页面中包括3D场景,所述3D场景为曲面结构,所述曲面的预置位置处展示有数据对象的展示信息,所述展示信息为具有3D展示效果的展示模型,且与所述曲面成第一角度。
其中,所述曲面结构为旋转面结构,所述数据对象的展示信息分布所述旋转面的外表面上。
具体的,所述旋转面结构包括具有预置宽度的环状旋转面。
其中,所述环状旋转面的旋转周长可以为终端设备中每一屏展示出的部分曲面的弧长的整数倍。
具体的,所述旋转周长可以为终端设备中每一屏展示出的部分曲面的弧长的四倍。
另外,该装置还可以包括:
目标模型确定单元,用于在展示所述数据对象信息页面的过程中,确定进入终端设备屏幕可视区域内的目标展示模型;
角度调整单元,用于根据所述目标展示模型与观察方向所成的第二角度,对所述目标展示模型与所述曲面的第一角度进行调整,以改变所述第二角度。
具体实现时,所述角度调整单元具体可以用于:
当所述第二角度超出预置的数值范围时,对所述第一角度进行调整,使所述第二角度在所述预置的数值范围内。
从调整方式角度而言,角度调整单元具体可以用于:
按照预置的旋转轴对所述展示模型执行旋转操作,对所述第一角度进行调整。
其中,所述展示模型包括始终位于终端设备屏幕可视区域内第一类展示模型,且在所述页面3D场景静止的状态下,所述第一类展示模型按照预置的方式在所述3D场景中运动:
所述角度调整单元具体可以用于:
在所述页面3D场景静止的状态下,根据所述目标展示模型与用户观察方向所成的第二角度,对所述目标展示模型与所述曲面的第一角度进行调整。
另一种情况下,所述展示模型包括随着所述3D场景的运动而进入到所述终端设备屏幕可视区域的第二类展示模型,所述第二类展示模型随着所述3D场景的运动而运动,且在所述3D场景的位置保持不变:
所述角度调整单元具体可以用于:
在所述3D场景运动的过程中,根据所述目标展示模型与用户观察方向所成的第二角度,对所述目标展示模型与所述曲面的第一角度进行调整。
其中,所述3D场景随着用户在屏幕内执行的滑动操作而运动。
或者,所述3D场景在随机浏览功能被触发后产生运动,并在目标展示模型所在的位置处停止运动。
对于上述第二种方式,该装置还可以包括:
特写展示单元,用于在所述3D场景停止运动后,将所述3D场景放大,并在所述终端设备屏幕可视区域内提供关于所述目标展示模型的特写展示。
其中,所述目标中展示模型根据关联用户的个性化偏好信息确定。
具体实现时,所述数据对象包括店铺对象,所述展示模型与所述店铺对象的店铺页面关联,所述装置还可以包括:
跳转单元,用于在目标店铺对象的展示模型被操作时,跳转到所述目标店铺的店铺页面进行展示。
与实施例三相对应,本申请实施例还提供了一种提供数据对象信息页面的装置,参见图13,该装置应用于服务器,包括:
访问请求接收单元1301,用于接收客户端针对数据对象信息页面的访问请求;
页面数据提供单元1302,用于提供所述数据对象信息页面,其中,所述数据对象信息页面中包括3D场景,所述3D场景为曲面结构,所述曲面的预置位置处展示有数据对象的展示信息,所述展示信息为具有3D展示效果的展示模型,且与所述曲面成第一角度。
通过以上的实施方式的描述可知,本领域的技术人员可以清楚地了解到本申请可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在存储介质中,如ROM/RAM、磁碟、光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例或者实施例的某些部分所述的方法。
本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于系统或系统实施例而言,由于其基本相似于方法实施例,所以描述得比较简单,相关之处参见方法实施例的部分说明即可。以上所描述的系统及系统实施例仅仅是示意性的,其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下,即可以理解并实施。
以上对本申请所提供的生成、提供数据对象信息页面的方法及装置,进行了详细介绍,本文中应用了具体个例对本申请的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本申请的方法及其核心思想;同时,对于本领域的一般技术人员,依据本申请的思想,在具体实施方式及应用范围上均会有改变之处。综上所述,本说明书内容不应理解为对本申请的限制。
Claims (32)
1.一种生成数据对象信息页面的方法,其特征在于,包括:
服务器创建3D场景,所述3D场景为曲面结构;
确定数据对象的展示信息,所述展示信息包括具有3D展示效果的展示模型;
确定各数据对象的展示信息在所述曲面结构上的位置,以及与所述曲面所成的第一角度;
根据所述数据对象的展示信息及其位置、第一角度信息,生成数据对象信息页面;在所述数据对象信息页面的运动过程中,根据所述展示模型与观察方向所成的第二角度,对所述第一角度进行调整,以改变所述第二角度。
2.根据权利要求1所述的方法,其特征在于,还包括:
在接收到展示所述数 据对象信息页面的请求时,按照所述位置以及第一角度信息,将所述数据对象的展示信息在所述3D场景中进行展示。
3.根据权利要求1所述的方法,其特征在于,所述曲面结构为旋转面结构,所述数据对象的展示信息分布所述旋转面的外表面上。
4.根据权利要求3 所述的方法,其特征在于,所述旋转面结构包括具有预置宽度的环状旋转面。
5.根据权利要求4所述的方法,其特征在于,所述环状旋转面的旋转周长为终端设备中每一屏展示出的部分曲面的弧长的整数倍。
6.根据权利要求5所述的方法,其特征在于,所述旋转周长为终端设备中每一屏展示出的部分曲面的弧长的四倍。
7.根据权利要求3 所述的方法,其特征在于,还包括:
通过调整所述3D场景中的摄像机对象的位置和/或视角参数,将所述旋转面的宽度在水平方向上占满终端设备屏幕。
8.根据权利要求2所述的方法,其特征在于,还包括:
通过调整所述3D场景中的摄像机对象的位置和/或视角参数,在垂直方向上,在所述3D场景的上方预留出部分空白区域。
9.根据权利要求1所述的方法,其特征在于,所述展示信息在各自所在的位置上与所述曲面所成的第一角度为90度。
10.根据权利要求1所述的方法,其特征在于,所述展示模型包括:纸片风格的画板,所述画板的正面面向用户观察方向。
11.一种提供数据对象信息页面的方法,其特征在于,包括:
客户端向服务器提交访问数据对象信息页面的请求;
根据服务器返回的页面数据,对所述数据对象信息页面进行展示,其中,所述数据对象信息页面中包括3D场景,所述3D场景为曲面结构,所述曲面的预置位置处展示有数据对象的展示信息,所述展示信息为具有3D展示效果的展示模型,且与所述曲面成第一角度;
在展示所述数据对象信息页面的过程中,确定进入终端设备屏幕可视区域内的目标展示模型;
根据所述目标展示模型与观察方向所成的第二角度,对所述目标展示模型与所述曲面的第一角度进行调整,以改变所述第二角度。
12.根据权利要求11所述的方法,其特征在于,所述曲面结构为旋转面结构,所述数据对象的展示信息分布所述旋转面的外表面上。
13.根据权利要求12所述的方法,其特征在于,所述旋转面结构包括具有预置宽度的环状旋转面。
14.根据权利要求13所述的方法,其特征在于,所述环状旋转面的旋转周长为终端设备中每一屏展示出的部分曲面的弧长的整数倍。
15.根据权利要求14所述的方法,其特征在于,所述旋转周长为终端设备中每一屏展示出的部分曲面的弧长的四倍。
16.根据权利要求11所述的方法,其特征在于,所述对所述目标展示模型与所述曲面的第一角度进行调整,包括:
当所述第二角度超出预置的数值范围时,对所述第一角度进行调整,使所述第二角度在所述预置的数值范围内。
17.根据权利要求11所述的方法,其特征在于,所述对所述第一角度进行调整,包括:
按照预置的旋转轴对所述展示模型执行旋转操作,对所述第一角度进行调整。
18.根据权利要求11所述的方法,其特征在于,所述展示模型包括始终位于终端设备屏幕可视区域内第一类展示模型,且在所述页面3D场景静止的状态下,所述第一类展示模型按照预置的方式在所述3D场景中运动:
所述对所述目标展示模型与所述曲面的第一角度进行调整,包括:
在所述页面3D场景静止的状态下,根据所述目标展示模型与用户观察方向所成的第二角度,对所述目标展示模型与所述曲面的第一角度进行调整。
19.根据权利要求11所述的方法,其特征在于,所述展示模型包括随着所述3D场景的运动而进入到所述终端设备屏幕可视区域的第二类展示模型,所述第二类展示模型随着所述3D场景的运动而运动,且在所述3D场景的位置保持不变:
所述对所述目标展示模型与所述曲面的第一角度进行调整,包括:
在所述3D场景运动的过程中,根据所述目标展示模型与用户观察方向所成的第二角度,对所述目标展示模型与所述曲面的第一角度进行调整。
20.根据权利要求19所述的方法,其特征在于,所述3D场景随着用户在屏幕内执行的滑动操作而运动。
21.根据权利要求19所述的方法,其特征在于,所述3D场景在随机浏览功能被触发后产生运动,并在目标展示模型所在的位置处停止运动。
22.根据权利要求19所述的方法,其特征在于,还包括:
在所述3D场景停止运动后,将所述3D场景放大,并在所述终端设备屏幕可视区域内提供关于所述目标展示模型的特写展示。
23.根据权利要求22所述的方法,其特征在于,所述目标展示模型根据关联用户的个性化偏好信息确定。
24.根据权利要求11至23任一项所述的方法,其特征在于,所述数据对象包括店铺对象,所述展示模型与所述店铺对象的店铺页面关联,所述方法还包括:
在目标店铺对象的展示模型被操作时,跳转到所述目标店铺的店铺页面进行展示。
25.一种提供数据对象信息页面的方法,其特征在于,包括:
服务器接收客户端针对数据对象信息页面的访问请求;
提供所述数据对象信息页面,其中,所述数据对象信息页面中包括3D场景,所述3D场景为曲面结构,所述曲面的预置位置处展示有数据对象的展示信息,所述展示信息为具有3D展示效果的展示模型,且与所述曲面成第一角度;在所述数据对象信息页面的运动过程中,根据所述展示模型与观察方向所成的第二角度,对所述第一角度进行调整,以改变所述第二角度。
26.一种数据对象信息页面,其特征在于,所述数据对象信息页面中包括3D场景,所述3D场景为曲面结构,所述曲面的预置位置处展示有数据对象的展示信息,所述展示信息为具有3D展示效果的展示模型,且与所述曲面成第一角度;在所述数据对象信息页面的运动过程中,根据所述展示模型与观察方向所成的第二角度,对所述第一角度进行调整,以改变所述第二角度。
27.根据权利要求26所述的页面,其特征在于,所述曲面结构为旋转面结构,所述数据对象的展示信息分布所述旋转面的外表面上。
28.根据权利要求27 所述的页面 ,其特征在于,所述旋转面结构包括具有预置宽度的环状旋转面。
29.根据权利要求28所述的页面 ,其特征在于,所述环状旋转面的旋转周长为终端设备中每一屏展示出的部分曲面的弧长的四倍。
30.一种生成数据对象信息页面的装置,其特征在于,应用于服务器,包括:
场景创建单元,用于创建3D场景,所述3D场景为曲面结构;
展示信息确定单元,用于确定数据对象的展示信息,所述展示信息包括具有3D展示效果的展示模型;
位置及角度信息确定单元,用于确定各数据对象的展示信息在所述曲面结构上的位置,以及与所述曲面所成的第一角度;
页面生成单元,用于根据所述数据对象的展示信息及其位置、第一角度信息,生成数据对象信息页面;在所述数据对象信息页面的运动过程中,根据所述展示模型与观察方向所成的第二角度,对所述第一角度进行调整,以改变所述第二角度。
31.一种提供数据对象信息页面的装置,其特征在于,应用于客户端,包括:
请求提交单元,用于向服务器提交访问数据对象信息页面的请求;
页面展示单元,用于根据服务器返回的页面数据,对所述数据对象信息页面进行展示,其中,所述数据对象信息页面中包括3D场景,所述3D场景为曲面结构,所述曲面的预置位置处展示有数据对象的展示信息,所述展示信息为具有3D展示效果的展示模型,且与所述曲面成第一角度;
目标模型确定单元,用于在展示所述数据对象信息页面的过程中,确定进入终端设备屏幕可视区域内的目标展示模型;
角度调整单元,用于根据所述目标展示模型与观察方向所成的第二角度,对所述目标展示模型与所述曲面的第一角度进行调整,以改变所述第二角度。
32.一种提供数据对象信息页面的装置,其特征在于,应用于服务器,包括:
访问请求接收单元,用于接收客户端针对数据对象信息页面的访问请求;
页面数据提供单元,用于提供所述数据对象信息页面,其中,所述数据对象信息页面中包括3D场景,所述3D场景为曲面结构,所述曲面的预置位置处展示有数据对象的展示信息,所述展示信息为具有3D展示效果的展示模型,且与所述曲面成第一角度;在所述数据对象信息页面的运动过程中,根据所述展示模型与观察方向所成的第二角度,对所述第一角度进行调整,以改变所述第二角度。
Priority Applications (4)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201611104700.0A CN108154413B (zh) | 2016-12-05 | 2016-12-05 | 生成、提供数据对象信息页面的方法及装置 |
TW106125750A TW201822103A (zh) | 2016-12-05 | 2017-07-31 | 產生、提供資料物件資訊頁面的方法及裝置 |
US15/831,874 US10789327B2 (en) | 2016-12-05 | 2017-12-05 | Method and apparatus of generating and providing page of data object information |
PCT/US2017/064644 WO2018106651A1 (en) | 2016-12-05 | 2017-12-05 | Method and apparatus of generating and providing page of data object information |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201611104700.0A CN108154413B (zh) | 2016-12-05 | 2016-12-05 | 生成、提供数据对象信息页面的方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN108154413A CN108154413A (zh) | 2018-06-12 |
CN108154413B true CN108154413B (zh) | 2021-12-07 |
Family
ID=62243219
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201611104700.0A Active CN108154413B (zh) | 2016-12-05 | 2016-12-05 | 生成、提供数据对象信息页面的方法及装置 |
Country Status (4)
Country | Link |
---|---|
US (1) | US10789327B2 (zh) |
CN (1) | CN108154413B (zh) |
TW (1) | TW201822103A (zh) |
WO (1) | WO2018106651A1 (zh) |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102254266A (zh) * | 2010-05-21 | 2011-11-23 | 上海伊购网络科技有限公司 | 在线平台商品三维展示系统及其操作方法 |
CN103412732A (zh) * | 2013-07-22 | 2013-11-27 | 天脉聚源(北京)传媒科技有限公司 | 一种基于三维弧线的资源展示方法及客户端 |
CN103744870A (zh) * | 2013-12-18 | 2014-04-23 | 天脉聚源(北京)传媒科技有限公司 | 一种显示Web页面的方法、装置及浏览器 |
CN103744874A (zh) * | 2013-12-18 | 2014-04-23 | 天脉聚源(北京)传媒科技有限公司 | 一种显示Web页面的方法、装置及浏览器 |
CN105191330A (zh) * | 2013-05-10 | 2015-12-23 | 三星电子株式会社 | 显示装置及其图形用户界面屏幕提供方法 |
CN105597313A (zh) * | 2015-09-16 | 2016-05-25 | 网易(杭州)网络有限公司 | 一种球状场景展示方法和展示装置 |
Family Cites Families (24)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7118226B2 (en) | 1999-11-05 | 2006-10-10 | Texas Instruments Incorporated | Sequential color recapture for image display systems |
DE20113689U1 (de) * | 2000-06-24 | 2001-12-20 | Röttcher, Oliver, 78244 Gottmadingen | Spiegel mit einem als Informationsgeber ausgebildeten Teilbereich |
US7118228B2 (en) * | 2003-11-04 | 2006-10-10 | Hewlett-Packard Development Company, L.P. | Image display system |
US8717423B2 (en) * | 2005-05-09 | 2014-05-06 | Zspace, Inc. | Modifying perspective of stereoscopic images based on changes in user viewpoint |
WO2007067750A2 (en) * | 2005-12-07 | 2007-06-14 | 3Dlabs Inc., Ltd. | Methods for manipulating web pages |
US9129415B2 (en) * | 2006-04-10 | 2015-09-08 | Roland Wescott Montague | Appearance of an object |
US9092053B2 (en) | 2008-06-17 | 2015-07-28 | Apple Inc. | Systems and methods for adjusting a display based on the user's position |
US7967451B2 (en) * | 2008-06-27 | 2011-06-28 | Microsoft Corporation | Multi-directional image displaying device |
US8786596B2 (en) * | 2008-07-23 | 2014-07-22 | Disney Enterprises, Inc. | View point representation for 3-D scenes |
US9459784B2 (en) * | 2008-07-25 | 2016-10-04 | Microsoft Technology Licensing, Llc | Touch interaction with a curved display |
US20100153372A1 (en) | 2008-12-17 | 2010-06-17 | Sea Woo Kim | 3d visualization system for web survey |
US20100180236A1 (en) | 2009-01-09 | 2010-07-15 | Lin Alan C | Setting and previewing method of dynamically orienting 3D models and machines readable medium thereof |
CN101515372B (zh) * | 2009-02-04 | 2011-12-07 | 北京石油化工学院 | 基于虚拟地质模型的可视化分析预测方法 |
CN102222352B (zh) * | 2010-04-16 | 2014-07-23 | 株式会社日立医疗器械 | 图像处理方法和图像处理装置 |
TW201137668A (en) * | 2010-04-26 | 2011-11-01 | Hon Hai Prec Ind Co Ltd | Adjustment system and method for three-dimensional image |
US9407904B2 (en) * | 2013-05-01 | 2016-08-02 | Legend3D, Inc. | Method for creating 3D virtual reality from 2D images |
US9117389B2 (en) * | 2011-10-18 | 2015-08-25 | Shenzhen YuanWang cocotop Technology Co., Ltd. | Dome-screen device, dome-screen playing system and image generation method thereof |
CN104216695B (zh) * | 2013-06-03 | 2018-08-24 | 阿里巴巴集团控股有限公司 | 提供页面待展现信息及展现页面信息的方法及系统 |
CN103400407B (zh) * | 2013-07-12 | 2016-08-17 | 天脉聚源(北京)传媒科技有限公司 | 一种资源展示的方法、装置与终端 |
CN104766274A (zh) * | 2014-03-11 | 2015-07-08 | 北京博锐尚格节能技术股份有限公司 | 一种3d能耗展示模型的旋转方法及装置 |
CN105653545B (zh) * | 2014-11-10 | 2020-01-31 | 阿里巴巴集团控股有限公司 | 在页面中提供业务对象信息的方法及装置 |
CN105590342B (zh) * | 2014-11-14 | 2018-11-02 | 上海上大海润信息系统有限公司 | 一种构建三维展品展示场景的系统 |
CN104794752B (zh) * | 2015-04-30 | 2016-04-13 | 山东大学 | 基于移动终端和全息展示的虚拟场景协同建模方法及系统 |
US10049500B2 (en) | 2015-09-22 | 2018-08-14 | 3D Product Imaging Inc. | Augmented reality e-commerce for home improvement |
-
2016
- 2016-12-05 CN CN201611104700.0A patent/CN108154413B/zh active Active
-
2017
- 2017-07-31 TW TW106125750A patent/TW201822103A/zh unknown
- 2017-12-05 US US15/831,874 patent/US10789327B2/en active Active
- 2017-12-05 WO PCT/US2017/064644 patent/WO2018106651A1/en active Application Filing
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102254266A (zh) * | 2010-05-21 | 2011-11-23 | 上海伊购网络科技有限公司 | 在线平台商品三维展示系统及其操作方法 |
CN105191330A (zh) * | 2013-05-10 | 2015-12-23 | 三星电子株式会社 | 显示装置及其图形用户界面屏幕提供方法 |
CN103412732A (zh) * | 2013-07-22 | 2013-11-27 | 天脉聚源(北京)传媒科技有限公司 | 一种基于三维弧线的资源展示方法及客户端 |
CN103744870A (zh) * | 2013-12-18 | 2014-04-23 | 天脉聚源(北京)传媒科技有限公司 | 一种显示Web页面的方法、装置及浏览器 |
CN103744874A (zh) * | 2013-12-18 | 2014-04-23 | 天脉聚源(北京)传媒科技有限公司 | 一种显示Web页面的方法、装置及浏览器 |
CN105597313A (zh) * | 2015-09-16 | 2016-05-25 | 网易(杭州)网络有限公司 | 一种球状场景展示方法和展示装置 |
Also Published As
Publication number | Publication date |
---|---|
US10789327B2 (en) | 2020-09-29 |
US20180157766A1 (en) | 2018-06-07 |
TW201822103A (zh) | 2018-06-16 |
CN108154413A (zh) | 2018-06-12 |
WO2018106651A1 (en) | 2018-06-14 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20210304510A1 (en) | Three-dimensional virtual environment | |
US20200020172A1 (en) | Three-dimensional virtual environment | |
CN103460234B (zh) | 用于在便携式计算装置的视频游戏内产生动态广告的方法和系统 | |
WO2019008356A1 (en) | SYSTEM AND METHOD FOR ENHANCING A 3D PRINTED MODEL | |
KR101106857B1 (ko) | 3디를 활용한 가상 공간의 갤러리시스템 | |
CN101189643A (zh) | 3d图像生成和显示系统 | |
CN102201032A (zh) | 个性化服装及饰品目录和显示 | |
WO2019099912A1 (en) | Integrated operating environment | |
CN107564108A (zh) | 一种虚拟现实的车辆交易方法和装置 | |
CN110019600A (zh) | 一种地图处理方法、装置及存储介质 | |
US20180330648A1 (en) | Multi-window smart content rendering and optimizing method and projection method based on cave system | |
EP4417279A2 (en) | System and method for providing a computer-generated environment | |
CN108170498B (zh) | 页面内容展示方法及装置 | |
JP2019022207A (ja) | 閲覧システム、画像配信装置、画像配信方法、プログラム | |
CN115311395A (zh) | 三维场景渲染方法、装置及设备 | |
CN108154413B (zh) | 生成、提供数据对象信息页面的方法及装置 | |
Wiley | From Your Phone To Your Home: An Augmented Reality Brand Experience For High-End Furniture | |
Nam et al. | Materialization of interactive stereoscopic artwork based on hand-painted images | |
CN113345113B (zh) | 一种基于cave系统的内容呈现方法 | |
WO2020184259A1 (en) | Image display system, image display method, and non-transitory recording medium | |
KR20220025328A (ko) | 디지털 상거래 서비스 제공 장치 및 방법 | |
CN118642789A (zh) | 一种页面展示方法、装置、设备及存储介质 | |
CN118350872A (zh) | 信息推荐方法、装置、电子设备及存储介质 | |
CN118710360A (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |