三维模型交互编辑的方法、平台、设备及可读存储介质技术

本发明专利技术提供了一种三维模型交互编辑的方法、平台、设备及可读存储介质。该方法包括：获取模型渲染请求，模型渲染请求中包括渲染参数；根据模型渲染请求中的渲染参数采用WebGL技术对HTML5页面中的三维模型进行渲染；获取模型交互编辑请求，交互编辑请求中包括：交互类型及交互参数；根据交互类型及对应交互类型的交互参数对三维模型与用户的交互进行设置；获取模型发布请求，发布请求中包括：发布平台的标识；根据发布请求，通过预存储的进行接口对接的配置信息将三维模型在发布平台的标识对应的发布平台进行发布。能够支持各种应用平台，并且在各个应用平台进行发布的步骤简单，能够实现一键发布，减少资源消耗。

Methods, platforms, devices and readable storage media for interactive editing of 3D models

【技术实现步骤摘要】
三维模型交互编辑的方法、平台、设备及可读存储介质
本专利技术实施例涉及图形处理
，尤其涉及一种三维模型交互编辑的方法、平台、设备及可读存储介质。
技术介绍
随着经济的发展，互联网技术也取得了突飞猛进的发展。为人们提供的日常服务已从线下转移到线上。人们通过互联网进行网上购物，订餐等。在人们通过互联网进行网上购物时，海量商品在互联网平台上展示。特殊化、个性化、真实化的商品尤为重要。由于三维模型能够从多角度传递给消费者更全面，更详实，更逼真的商品信息，所以能够提高消费者的购买欲和购买准确度。现有技术中，在应用平台在进行三维模型的发布前，需要通过3DMAX建模软件进行三维模型的建立及动画编辑，并通过其他本地软件进行三维模型的交互的开发，最后由应用平台的用户进行平台配置、编译等步骤才能进行发布。所以现有技术中的三维模型交互编辑的方法，虽然能够进行交互编辑等操作，但各应用平台需要安装对应的配置才能使用，并且在各个应用平台进行编译发布的步骤复杂，对应用平台用户的技术水平要求较高，资源消耗较大。
技术实现思路
本专利技术实施例提供一种三维模型交互编辑的方法、三维模型交互编辑的方法、平台、设备及可读存储介质。解决了现有技术中的三维模型交互编辑的方法，虽然能够进行交互编辑等操作，但各应用平台需要安装对应的配置才能使用，并且在各个应用平台进行编译发布的步骤复杂，对应用平台用户的技术水平要求较高，资源消耗较大的技术问题。本专利技术实施例第一方面提供一种三维模型交互编辑的方法，包括：获取模型渲染请求，所述模型渲染请求中包括渲染参数；根据所述模型渲染请求中的渲染参数采用WebGL技术对HTML5页面中的三维模型进行渲染；获取模型交互编辑请求，所述交互编辑请求中包括：交互类型及交互参数；根据所述交互类型及对应交互类型的交互参数对所述三维模型与用户的交互进行设置；获取模型发布请求，所述发布请求中包括：发布平台的标识；根据所述发布请求，通过预存储的进行接口对接的配置信息将所述三维模型在所述发布平台的标识对应的发布平台进行发布。本专利技术实施例第二方面提供一种三维模型交互编辑的平台，包括：渲染请求获取模块，用于获取模型渲染请求，所述模型渲染请求中包括渲染参数；渲染模块，用于根据所述模型渲染请求中的渲染参数采用WebGL技术对HTML5页面中的三维模型进行渲染；交互编辑请求获取模块，用于获取模型交互编辑请求，所述交互编辑请求中包括：交互类型及交互参数；交互设置模块，用于根据所述交互类型及对应交互类型的交互参数对所述三维模型与用户的交互进行设置；发布请求获取模块，用于获取模型发布请求，所述发布请求中包括：发布平台的标识；发布模块，用于根据所述发布请求，通过预存储的进行接口对接的配置信息将所述三维模型在所述发布平台的标识对应的发布平台进行发布。本专利技术实施例第三方面提供一种电子设备，包括：存储器，处理器以及计算机程序；其中，所述计算机程序存储在所述存储器中，并被配置为由所述处理器执行以实现如第一方面中任一项所述的方法。本专利技术实施例第四方面提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行以实现如第一方面中任一项所述的方法。基于以上各方面，本专利技术实施例通过获取模型渲染请求，模型渲染请求中包括渲染参数；根据模型渲染请求中的渲染参数采用WebGL技术对HTML5页面中的三维模型进行渲染；获取模型交互编辑请求，交互编辑请求中包括：交互类型及交互参数；根据交互类型及对应交互类型的交互参数对三维模型与用户的交互进行设置；获取模型发布请求，发布请求中包括：发布平台的标识；根据发布请求，通过预存储的进行接口对接的配置信息将三维模型在发布平台的标识对应的发布平台进行发布。由于直接在HTML5页面进行三维模型的渲染，交互的设置，并按照预先的配置信息在不同发布平台进行HTML5页面的发布，所以能够支持各种应用平台，并且在各个应用平台进行发布的步骤简单，能够实现一键发布，减少资源消耗。应当理解，上述
技术实现思路
部分中所描述的内容并非旨在限定本专利技术的实施例的关键或重要特征，亦非用于限制本专利技术的范围。本专利技术的其它特征将通过以下的描述变得容易理解。附图说明图1为本专利技术实施例一提供的三维模型交互编辑的方法的流程图；图2为本专利技术实施例二提供的三维模型交互编辑的方法的流程图；图3为本专利技术实施例二提供的三维模型交互编辑的方法中步骤201的流程图；图4为本专利技术实施例二提供的三维模型交互编辑的方法中步骤202的流程图；图5为本专利技术实施例二提供的三维模型交互编辑的方法执行步骤202c后的线面图形示意图；图6为本专利技术实施例二提供的三维模型交互编辑的方法执行步骤202d后的线面图形示意图；图7为本专利技术实施例二提供的三维模型交互编辑的方法中步骤203的流程图；图8为本专利技术实施例二提供的三维模型交互编辑的方法中热点交互的交互编辑界面的示意图；图9为本专利技术实施例二提供的三维模型交互编辑的方法中步骤204的第一流程图；图10为本专利技术实施例二提供的三维模型交互编辑的方法中步骤204的第二流程图；图11为本专利技术实施例三提供的三维模型交互编辑的平台的结构示意图；图12为本专利技术实施例四提供的三维模型交互编辑的平台的结构示意图；图13为本专利技术实施例五提供的电子设备的结构示意图。具体实施方式下面将参照附图更详细地描述本专利技术的实施例。虽然附图中显示了本专利技术的某些实施例，然而应当理解的是，本专利技术可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反提供这些实施例是为了更加透彻和完整地理解本专利技术。应当理解的是，本专利技术的附图及实施例仅用于示例性作用，并非用于限制本专利技术的保护范围。本专利技术实施例的说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”、“第四”等(如果存在)是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本专利技术实施例如能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。为了清楚理解本专利技术的技术方案，下面对本专利技术实施例中涉及的算法进行解释：WebGL技术：英文全名为：WebGraphicsLibrary，是一种3D绘图技术。这种绘图技术标准允许把JavaScript和OpenGLES2.0结合在一起，通过增加OpenGLES2.0的一个JavaScript绑定，WebGL可以为HTML5Canvas提供硬件3D加速渲染。可借助系统显卡在浏览器里更流畅地展示3D场景和3D模型，还能创建复杂的导航和数据视觉化。WebGL技术标准免去了开发网页专用渲染插件的麻烦，可本文档来自技高网...

【技术保护点】
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