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

说明书

本发明公开了一种基于微信小程序的3D门窗展示方法及系统，方法包括：通过微信小程序进入3D门窗页面，所述3D门窗页面嵌套到微信小程序中；获取门窗操作事件，并根据门窗操作事件在3D门窗页面中进行3D门窗展示。本发明通过嵌套到微信小程序中的3D门窗页面来根据门窗操作事件进行3D门窗展示，将门窗3D技术集成到了微信小程序上，利用了可联网的微信小程序来实现了门窗的3D效果展示，兼容性好，3D效果展示效果逼真，提升了用户的体验；且只需打开微信小程序登录即可使用，无需安装任何软件或插件就能进行操作查看，方便快捷。本发明可广泛应用于门窗定制领域。

技术领域

本发明涉及门窗定制领域，尤其是一种基于微信小程序的3D门窗展示方法及系统。

背景技术

随着信息化、智能化和多媒体技术的发展，门窗行业已经成为泛家居行业最具活力和发展潜力的一个行业。虽然门窗行业得到比较快速的发展，但是与其他家居品类相比，仍然有很长远的一段路程需要走，同时也具有很大的上升空间。在门窗行业中，门窗定制服务能通过门窗定制技术做出顾客所需的门窗，有利于提升顾客的用户体验感。

目前提供门窗定制服务的企业(简称门窗定制企业)，大多存在信息化水平落后、设计过程不直观和客户转化率低等问题。为此，市面上出现了部分门窗软件，通过PC端的软件来进行门窗设计操作、展示、出图等操作，以便于顾客做出针对性的选择。然而这些门窗软件大都属于PC端的单机软件，兼容性差，且其一般只能为用户展示一张效果图，该效果图并不能展示真正的3D效果，会导致后续根据该效果图定制的门窗与该效果图相差大，降低了用户的体验感。此外，这些门窗软件须用户下载其软件APP才能进行操作查看，且操作界面较复杂，不够便捷。

发明内容

为解决上述技术问题，本发明的目的在于：提供一种用户体验好和便捷的基于微信小程序的3D门窗展示方法及系统。

本发明一方面所采取的技术方案是：

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

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

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

进一步，所述3D门窗页面嵌套到微信小程序中这一步骤，具体包括：

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

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

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

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

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

进一步，所述利用3D技术制作门窗3D展示的HTML5网页，得到门窗3D页面这一步骤，具体包括：

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

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

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

进一步，所述将3D技术搭载在HTML5网页上这一步骤，具体包括：

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