【技术实现步骤摘要】
一种基于WebGL的可替换模型的混合渲染展示方法、系统及存储介质
本专利技术属于图形渲染展示领域,具体涉及一种基于WebGL的可替换模型的混合渲染展示方法、系统及存储介质。
技术介绍
WebGraphicsLibrary(简称WebGL)是一种通用的3D绘图协议,借助系统显卡来在浏览器里更流畅地展示3D场景和模型,创建复杂的导航和数据视觉化。随着VR概念的普及,在家装效果与实景展示中,以360度全景图为代表的渲染效果图已成为被广泛接受的一种终端视觉展示媒介。此外,由于其传播属性强、视觉冲击感明显、特别是还具有可跟踪、可互动的营销属性,已经大量的被装修公司、房产中介等行业所使用。目前,市场对具有可交互能力的全景图功能需求越来越多,尤其是在软装行业中,商家希望在一个全景图中尽可能多的进行商品的搭配组合,从而使客户能实现对商品的搭配,从而促进成交。为此,很多种技术方案也被提出。最常用的解决方案是,通过完全预渲染有限数量的全景图,并存储于远端数据库,在需要替换场景中商品搭配的时候,直接简单地替换掉整张全景图, ...
【技术保护点】
1.一种基于WebGL的可替换模型的混合渲染展示方法,实现所述混合渲染展示方法的系统包括云端处理子系统、与云端处理子系统通信的终端展示子系统,其特征在于,所述混合渲染展示方法包括以下步骤:/n云端处理子系统根据对原场景渲染图中默认商品的替换配置,将原场景渲染图分解为背景渲染图和默认商品的3D模型,并生成替换默认商品的备选商品的3D模型,对背景渲染图、默认商品的3D模型以及备选商品的3D模型进行存储,且将背景渲染图、默认商品的3D模型以及备选商品的3D模型与原场景渲染图进行关联;/n终端展示子系统的渲染引擎基于WebGL的实时渲染技术加载所述背景渲染图,动态实时加载并渲染默认 ...
【技术特征摘要】
1.一种基于WebGL的可替换模型的混合渲染展示方法,实现所述混合渲染展示方法的系统包括云端处理子系统、与云端处理子系统通信的终端展示子系统,其特征在于,所述混合渲染展示方法包括以下步骤:
云端处理子系统根据对原场景渲染图中默认商品的替换配置,将原场景渲染图分解为背景渲染图和默认商品的3D模型,并生成替换默认商品的备选商品的3D模型,对背景渲染图、默认商品的3D模型以及备选商品的3D模型进行存储,且将背景渲染图、默认商品的3D模型以及备选商品的3D模型与原场景渲染图进行关联;
终端展示子系统的渲染引擎基于WebGL的实时渲染技术加载所述背景渲染图,动态实时加载并渲染默认商品的3D模型或被选择的备选商品的3D模型于背景渲染图上,形成搭配效果图以展示。
2.如权利要求1所述的基于WebGL的可替换模型的混合渲染展示方法,其特征在于,所述对原场景渲染图中默认商品的替换配置包括:
确定能够被替换的默认商品;
确定替换默认商品的至少一个备选商品,并关联默认商品以及对应的至少一个备选商品。
3.如权利要求1所述的基于WebGL的可替换模型的混合渲染展示方法,其特征在于,将原场景渲染图分解为背景渲染图包括:
剔除原场景渲染图对应的原始场景数据中默认商品数据后,采用与场景渲染图相同的渲染条件,对原始场景数据中剩余数据进行渲染,生成背景渲染图。
4.如权利要求1所述的基于WebGL的可替换模型的混合渲染展示方法,其特征在于,将场景渲染图分解为默认商品的3D模型包括:
对默认商品的3D模型结构和材质贴图进行封装打包,生成默认商品的3D模型;
所述生成替换默认商品的备选商品的3D模型包括:
对备选商品的3D模型结构和材质贴图进行封装打包,生成备选商品的3D模型。
5.如权利要求4所述的基...
【专利技术属性】
技术研发人员:唐睿,黄治,武芝慧,郑家祥,蔡凤娇,刘陈佩,
申请(专利权)人:杭州群核信息技术有限公司,
类型:发明
国别省市:浙江;33
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。