阿里云发布的《2024年面向Web应用的三维建模实战报告》,旨在为传统前端开发者和三维模型设计师提供入门教程,帮助他们了解技术要点

阿里云:2024面向web应用的三维建模是什么?实战报告分析(54页 )-小智菌报告

面向web应用的三维建模是什么?

在游戏产业的推动下,三维模型技术已经取得了显著的发展,尤其是桌面端的三维引擎如UE、Unity等。然而,Web端的三维模型开发却面临着工作流混乱、规范缺失、人才匮乏等挑战,这些问题严重阻碍了三维模型Web应用的推广和普及。

1. Blender与WebGL的结合

报告指出,Blender作为一款开源软件,因其对WebGL的卓越支持和免费使用的优势,成为了构建Web三维模型工作流的首选工具。Blender不仅集成了建模、材质处理、合成等多种功能,还支持Python脚本,允许用户自定义插件和工作环境,这对于互联网公司设计小团队来说尤为重要。

2. PBR工作流的重要性

PBR(Physically-Based Rendering)工作流是一套基于物理规律的渲染技术,它能够统一设计师与引擎工程师之间的渲染效果,提高渲染质感的还原度。

报告强调,PBR工作流包括Metalness-Roughness和Specular-Glossiness两种贴图工作流,推荐使用Metalness-Roughness工作流,因为它包括了六种关键贴图:Metalness、Roughness、baseColor、normal、Occlusion和emissive。

3. 导出WebGL适配的三维模型

报告详细介绍了如何使用Blender导出适配WebGL的三维模型,包括材质选择、设置、导出以及效果验证等步骤。特别指出,gltf模型导出的内容有限制,仅支持Meshes、Materials、Textures等几项内容,这意味着某些效果(如辉光)需要在引擎中通过后期效果实现。

4. 烘焙贴图与AO贴图的应用

烘焙贴图是将三维模型的光照效果固化的过程,这对于提升渲染性能和视觉效果至关重要。报告解释了如何烘焙AO(Ambient Occlusion)贴图,以及如何将烘焙后的贴图与gltf模型一起导出,以增强模型的立体感和细节表现。

5. 透明材质与形变动画的导出

在处理透明材质模型时,报告提供了设置材质颜色透明度和混合模式的步骤,以及如何导出gltf模型。对于形变动画,报告讨论了gltf格式支持的动画类型,并提供了设置动画属性和导出gltf模型的具体步骤。

6. 骨骼动画模型的导出

骨骼动画是模型动画中的一种,通过改变骨骼的朝向和位置来为模型生成动画。报告详细介绍了在Blender中制作骨骼动画的要点,包括绑定mesh顶点到骨骼关节,以及如何将动画actions压入NLA轨道以便导出。

7. 阿里云DataV三维模型Web应用开发方案

报告最后介绍了阿里云DataV提供的三维模型Web应用开发方案,包括三维模型托管服务、应用开发、交互开发和应用分发等完整功能。DataV提供了丰富的图表/表单模块和“蓝图”节点编程,支持“零代码”搭建三维模型与表单的交互功能,极大地降低了三维模型Web应用的开发难度和成本。

总结:

阿里云的这份报告为我们提供了一个全面的视角,以理解Web三维模型开发的现状和挑战。通过Blender和gltf的结合,以及PBR工作流的引入,报告不仅为开发者提供了实用的技术指导,也为推动Web三维模型技术的发展提供了新的思路。

随着技术的不断进步和工具的日益完善,我们有理由相信,Web三维模型技术将在未来发挥更加重要的作用,为用户带来更加丰富和沉浸的体验。

完整报告已上传『报告智库』知识星球,本社群每年更新优质报告30000+,精选近2年各行业策划方案;每月6 -20份行业内幕资讯;点击这里即可加入!