三维模型展示方法、装置、电子设备及存储介质与流程

本发明涉及计算机，具体而言，涉及一种三维模型展示方法、装置、电子设备及存储介质。

背景技术：

1、随着时代发展，商品展示不再局限于传统的实物柜台展示，基于web的网页三维图像或三维模型展示也成为了商品展示的主流方式，甚至在网咖、酒店、产品专卖店等特定场景，由于商品品类繁多且相似度高、或者商品陈列于特定柜台而用户不便前往柜台时，基于三维图像或模型的网页展示具备更好的视觉效果，给用户带来的视觉体验更为直观和便利。

2、当下，三维模型展示时，用户通常只能对模型进行缩放或旋转，这样的展示效果并不灵活，且如商品上的logo、图案等外观设计元素并没有被完整的诠释，用户对商品三维模型的理解可能仅停留于粗略的外观美丑。

技术实现思路

1、有鉴于此，本申请实施例的目的在于提供一种三维模型展示方法、装置、电子设备及存储介质，能够改善传统的三维模型展示方式存在模型展示不灵活、模型构成元素展示不全面的问题。

2、为实现上述技术目的，本申请采用的技术方案如下：

3、第一方面，本申请实施例提供了一种三维模型展示方法，所述方法包括：

4、获取构成三维模型的素材面，所述素材面包括多张素材图像，所述素材图像包括至少一种构成元素；

5、基于所述素材面构建对应的所述三维模型；

6、为所述构成元素设置触发事件；

7、响应于所述触发事件，对所述三维模型进行动态展示。

8、结合第一方面，在一些可选的实施方式中，基于所述素材面构建对应的所述三维模型，包括：

9、基于three.js创建场景并配置相机；

10、在所述场景中添加几何体并为所述几何体配置材质、网格和光源，所述几何体为所述三维模型的基本形状；

11、将所述素材面贴图至所述几何体的对应面，以得到基础模型；

12、配置渲染器对所述基础模型进行全景渲染，以得到所述三维模型。

13、结合第一方面，在一些可选的实施方式中，响应于所述触发事件，对所述三维模型进行动态展示，包括：

14、当所述触发事件为滚轮事件时，响应于所述滚轮事件，将所述相机作为控件对象，调整所述相机与所述三维模型的相对距离，以对所述三维模型进行动态缩放。

15、结合第一方面，在一些可选的实施方式中，响应于所述触发事件，对所述三维模型进行动态展示，包括：

16、当所述触发事件为鼠标拖动事件时，响应于所述鼠标拖动事件，基于预设轨道控制器调整所述相机的视角，以对所述三维模型进行旋转或翻转。

17、结合第一方面，在一些可选的实施方式中，响应于所述触发事件，对所述三维模型进行动态展示，包括：

18、当所述触发事件为鼠标点击事件时，响应于所述鼠标点击事件，将所述鼠标点击事件对应的所述构成元素渲染至新的canvas画布并置于顶层，并将所述构成元素进行放大；

19、同一时刻，显示所述构成元素的介绍文本；

20、同一时刻，将所述新的canvas画布中，除所述构成元素之外的背景部分进行虚化。

21、结合第一方面，在一些可选的实施方式中，响应于所述触发事件，对所述三维模型进行动态展示，包括：

22、当所述触发事件为鼠标事件时，响应于所述鼠标事件，将由所述鼠标点击事件对应的所述构成元素构建的预设元素三维模型，渲染至新的canvas画布并置于顶层；

23、同一时刻，显示所述预设元素三维模型的介绍文本；

24、同一时刻，将所述新的canvas画布中，除所述预设元素三维模型外的背景部分进行虚化。

25、结合第一方面，在一些可选的实施方式中，所述介绍文本包括名称、类型、风格、简介、设计理念中的至少一种。

26、第二方面，本申请实施例还提供一种三维模型展示装置，所述装置包括：

27、获取单元，用于获取构成三维模型的素材面，所述素材面包括多张素材图像，所述素材图像包括至少一种构成元素；

28、构建单元，用于基于所述素材面构建对应的所述三维模型；

29、设置单元，用于为所述构成元素设置触发事件；

30、展示单元，用于响应于所述触发事件，对所述三维模型进行动态展示。

31、第三方面，本申请实施例还提供一种电子设备，所述电子设备包括相互耦合的处理器及存储器，所述存储器内存储计算机程序，当所述计算机程序被所述处理器执行时，使得所述电子设备执行上述的方法。

32、第四方面，本申请实施例还提供一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机程序，当所述计算机程序在计算机上运行时，使得所述计算机执行上述的方法。

33、采用上述技术方案的发明，具有如下优点：

34、在本申请提供的技术方案中，首先获取构成三维模型的素材面并基于素材面构建对应的三维模型，其中，素材面包括多张素材图像，素材图像包括至少一种构成元素，然后为构成元素设置触发事件，最终响应于触发事件，对三维模型进行动态展示。如此，可以改善传统的三维模型展示方式存在模型展示不灵活、模型构成元素展示不全面的问题。

技术特征：

1.一种三维模型展示方法，其特征在于，所述方法包括：

2.根据权利要求1所述的方法，其特征在于，基于所述素材面构建对应的所述三维模型，包括：

3.根据权利要求2所述的方法，其特征在于，响应于所述触发事件，对所述三维模型进行动态展示，包括：

4.根据权利要求2所述的方法，其特征在于，响应于所述触发事件，对所述三维模型进行动态展示，包括：

5.根据权利要求1所述的方法，其特征在于，响应于所述触发事件，对所述三维模型进行动态展示，包括：

6.根据权利要求1所述的方法，其特征在于，响应于所述触发事件，对所述三维模型进行动态展示，包括：

7.根据权利要求5-6所述的方法，其特征在于，所述介绍文本包括名称、类型、风格、简介、设计理念中的至少一种。

8.一种三维模型展示装置，其特征在于，所述装置包括：

9.一种电子设备，其特征在于，所述电子设备包括相互耦合的处理器及存储器，所述存储器内存储计算机程序，当所述计算机程序被所述处理器执行时，使得所述电子设备执行如权利要求1-7中任一项所述的方法。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有计算机程序，当所述计算机程序在计算机上运行时，使得所述计算机执行如权利要求1-7中任一项所述的方法。

技术总结
本申请提供一种三维模型展示方法、装置、电子设备及存储介质，涉及计算机技术领域。方法包括：获取构成三维模型的素材面，素材面包括多张素材图像，素材图像包括至少一种构成元素；基于素材面构建对应的三维模型；为构成元素设置触发事件；响应于触发事件，对三维模型进行动态展示。如此，可以改善传统的三维模型展示方式存在模型展示不灵活、模型构成元素展示不全面的问题。

技术研发人员：杨智枭,钟润昌,舒娟,寇明钰,廖望
受保护的技术使用者：重庆中烟工业有限责任公司
技术研发日：
技术公布日：2024/1/25