[发明专利]一种基于微信小程序的3D门窗展示方法及系统

权利要求书

1.一种基于微信小程序的3D门窗展示方法，其特征在于：包括以下步骤：

通过微信小程序进入3D门窗页面，所述3D门窗页面嵌套到微信小程序中；

获取门窗操作事件，并根据门窗操作事件在3D门窗页面中进行3D门窗展示。

2.根据权利要求1所述的一种基于微信小程序的3D门窗展示方法，其特征在于：所述3D门窗页面嵌套到微信小程序中这一步骤，具体包括：

进行用户交互界面设置，将微信小程序划分为介绍页和3D页；

进行微信小程序介绍页的制作；

利用3D技术制作门窗3D展示的HTML5网页，得到门窗3D页面；

将门窗3D页面通过Web-view组件嵌套到微信小程序的3D页中；

将制作好的介绍页和嵌套后的3D页进行结合，得到具有3D门窗页面的微信小程序。

3.根据权利要求2所述的一种基于微信小程序的3D门窗展示方法，其特征在于：所述利用3D技术制作门窗3D展示的HTML5网页，得到门窗3D页面这一步骤，具体包括：

将3D技术搭载在HTML5网页上；

对搭载了3D技术的HTML5网页进行处理事件的操作，所述处理事件包括用户点击事件、手势放大缩小门窗事件和旋转门窗事件；

对进行处理事件的操作后的HTML5网页进行页面布局，得到门窗3D页面。

4.根据权利要求3所述的一种基于微信小程序的3D门窗展示方法，其特征在于：所述将3D技术搭载在HTML5网页上这一步骤，具体包括：

将存储有材质数据的材质库和存储有组件模型数据的模型库上传到网页服务器上，所述材质数据采用png格式，所述组件模型数据采用glb格式或gltf格式，所述网页服务器通过互联网与微信小程序进行数据交换；

通过WebGL技术将组件模型和材质结合到HTML5页面的Canvas组件上，从而在网页上呈现3D模型。

5.根据权利要求4所述的一种基于微信小程序的3D门窗展示方法，其特征在于：所述对进行处理事件的操作后的HTML5网页进行页面布局，得到门窗3D页面这一步骤，具体为：

令3D模型处于全屏可操作状态，并设置用户交互菜单以及设置选中门窗组件的参数展示内容。

6.根据权利要求1所述的一种基于微信小程序的3D门窗展示方法，其特征在于：所述获取门窗操作事件，并根据门窗操作事件在3D门窗页面中进行3D门窗展示这一步骤，具体包括：

获取用户点击操作事件或交互操作事件，所述用户点击操作事件包括点击类型按钮、点击材质按钮和点击玻璃按钮，所述交互操作事件包括手指操作事件；

根据用户点击操作事件或交互操作事件，在3D门窗页面中进行对应的3D门窗展示。

7.根据权利要求6所述的一种基于微信小程序的3D门窗展示方法，其特征在于：所述根据用户点击操作事件或交互操作事件，在3D门窗页面中进行对应的3D门窗展示这一步骤，具体为：

根据用户点击操作事件在3D门窗页面中进行第一展示操作，所述第一展示操作包括替换门窗款式、替换颜色、替换玻璃纱窗、查看门窗组件参数和查看门窗型材截面中的至少一种。

8.根据权利要求6所述的一种基于微信小程序的3D门窗展示方法，其特征在于：所述根据用户点击操作事件或交互操作事件，在3D门窗页面中进行对应的3D门窗展示这一步骤，具体为：

根据交互操作事件在3D门窗页面中进行第二展示操作，所述第二展示操作包括门窗模型的双指外拨放大、门窗模型的双指内聚缩小、门窗模型的单指拨动旋转和门窗模型的双指拖动平移中的至少一种。

9.一种基于微信小程序的3D门窗展示系统，其特征在于：包括：

进入模块，用于通过微信小程序进入3D门窗页面，所述3D门窗页面嵌套到微信小程序中；

获取与展示模块，用于获取门窗操作事件，并根据门窗操作事件在3D门窗页面中进行3D门窗展示。

10.一种基于微信小程序的3D门窗展示系统，其特征在于：包括：

至少一个存储器，用于存储程序；

至少一个处理器，用于执行所述程序以实现如权利要求1-8任一项所述的一种基于微信小程序的3D门窗展示方法。