【技术实现步骤摘要】
三维模型交互编辑的方法、平台、设备及可读存储介质
本专利技术实施例涉及图形处理
,尤其涉及一种三维模型交互编辑的方法、平台、设备及可读存储介质。
技术介绍
随着经济的发展,互联网技术也取得了突飞猛进的发展。为人们提供的日常服务已从线下转移到线上。人们通过互联网进行网上购物,订餐等。在人们通过互联网进行网上购物时,海量商品在互联网平台上展示。特殊化、个性化、真实化的商品尤为重要。由于三维模型能够从多角度传递给消费者更全面,更详实,更逼真的商品信息,所以能够提高消费者的购买欲和购买准确度。现有技术中,在应用平台在进行三维模型的发布前,需要通过3DMAX建模软件进行三维模型的建立及动画编辑,并通过其他本地软件进行三维模型的交互的开发,最后由应用平台的用户进行平台配置、编译等步骤才能进行发布。所以现有技术中的三维模型交互编辑的方法,虽然能够进行交互编辑等操作,但各应用平台需要安装对应的配置才能使用,并且在各个应用平台进行编译发布的步骤复杂,对应用平台用户的技术水平要求较高,资源消耗较大。 ...
【技术保护点】
1.一种三维模型交互编辑的方法,其特征在于,包括:/n获取模型渲染请求,所述模型渲染请求中包括渲染参数;/n根据所述模型渲染请求中的渲染参数采用WebGL技术对HTML5页面中的三维模型进行渲染;/n获取模型交互编辑请求,所述交互编辑请求中包括:交互类型及交互参数;/n根据所述交互类型及对应交互类型的交互参数对所述三维模型与用户的交互进行设置;/n获取模型发布请求,所述发布请求中包括:发布平台的标识;/n根据所述发布请求,通过预存储的进行接口对接的配置信息将所述三维模型在所述发布平台的标识对应的发布平台进行发布。/n
【技术特征摘要】 【专利技术属性】
1.一种三维模型交互编辑的方法,其特征在于,包括:
获取模型渲染请求,所述模型渲染请求中包括渲染参数;
根据所述模型渲染请求中的渲染参数采用WebGL技术对HTML5页面中的三维模型进行渲染;
获取模型交互编辑请求,所述交互编辑请求中包括:交互类型及交互参数;
根据所述交互类型及对应交互类型的交互参数对所述三维模型与用户的交互进行设置;
获取模型发布请求,所述发布请求中包括:发布平台的标识;
根据所述发布请求,通过预存储的进行接口对接的配置信息将所述三维模型在所述发布平台的标识对应的发布平台进行发布。
2.根据权利要求1所述的方法,其特征在于,所述获取模型渲染请求,所述模型渲染请求中包括渲染参数,具体包括:
检测用户对模型编辑界面的渲染参数设置操作;
根据所述渲染参数设置操作生成模型渲染请求。
3.根据权利要求2所述的方法,其特征在于,所述根据所述模型渲染请求中的渲染参数采用WebGL技术对HTML5页面中的三维模型进行渲染,具体包括:
获取三维模型的顶点坐标;
根据所述顶点坐标及顶点着色参数采用顶点着色器对所述顶点进行着色;
对所述顶点进行图元装配,生成线面图形;
对所述线面图形进行光栅化处理;
根据片元着色参数采用片元着色器对所述光栅化的线片图形进行片元着色,以完成所述三维模型的第一渲染。
4.根据权利要求3所述的方法,其特征在于,所述根据片元着色参数采用片元着色器对所述光栅化的线片图形进行片元着色,以完成所述三维模型的第一渲染之后,还包括:
将片元着色后的三维模型设置到场景中;
根据场景配置参数对所述场景中的三维模型进行第二渲染。
5.根据权利要求1所述的方法,其特征在于,所述交互类型至少包括:热点交互类型及三维交互类型;
所述获取模型交互编辑请求,具体包括:
检测用户对某交互类型对应的交互编辑界面的交互参数设置操作;
根据所述交互参数设置操作生成对应的交互编辑请求。
6.根据权利要求5所述的方法,其特征在于,若所述交互类型为热点交互类型,则所述交互参数至少包括:标签样式图片,标签位置,标签事件;
所述根据所述交互类型及对应交互类型的交互参数对所述三维模型与用户的交互进行设置,具体包括:
将所述标签样式图片进行渲染并粘贴到三维片状面板上;
根据所述标签位置设置所述三维片状面板的各顶点坐标位置;
对所述三维模型形态发生变化时的所述三维片状面板的转换策略进行设置,以使所述三维片状面板对应的标签样式图片正对所述用户;
对所述三维片状面板对应的标签与交互媒介的射线拾取交互策略进行设置;
对所述标签事件的触发策略进行设置。
技术研发人员:姜丹,何进萍,
申请(专利权)人:北京京东尚科信息技术有限公司,北京京东世纪贸易有限公司,
类型:发明
国别省市:北京;11
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。