面向Web应用的三维建模实战.pdf

导论

得益于游戏产业的发展，目前主流桌面端三维引擎如UE、Unity等三维模型的

工作流非常成熟；但是Web端的三维模型开发却面临工作流混乱、规范缺失、

人才匮乏等挑战，阻碍了三维模型Web应用的推广。

目前gltf已经成为Web三维应用事实上的标准格式，而Blender是支持WebGL

最好的DCC软件之一；通过Blender这款开源软件，可以迅速搭建WebGL工

作流的生态；Blender结合gltf，可以规范WebGL美术资产工作流，为三维模

型Web应用开发提供支撑。

本书是面向传统前端、三维模型设计师的一本入门教程，希望可以帮助传统前端

了解三维模型渲染需要关注的技术点；同时帮助三维模型设计师产出符合Web

应用标准的三维模型。

。

目录页

第一章为何选择Blender作为Web三维模型工具5

第二章WebGL工作流与PBR规范10

第三章Blender导出WebGL适配的三维模型16

第四章烘焙贴图与导出模型20

AO26

第五章烘焙贴图与导出

第六章导出透明材质模型30

第七章形变动画与导出32

第八章过程化PBR纹理烘焙导出34

第九章PBR/metalness-roughness工作流注意点3

gltf42

第十章导出骨骼动画模型

第十一章烘焙阴影贴图45

第十二章三维模型Web应用开发简介4

第一章为何选择Blender作为Web三维模型工具5

第一章为何选择Blender作为Web三维模

型工具

首先，说一下Blender的缺点：

∙Blender不是最专业的DCC软件，单挑3dsMax、C4D、Maya、Substance、Houdini

都不行；

∙Blender是属于比较小众的软件，国内会的人相对比较少，学习资源也比较少；

再说说为什么要以Blender作为WebGL三维建模工作流的原因。

1)Blender是支持WebGL最好的DCC软件之一

∙具备兼容性最好的gltf导入/导出插件；

第一章为何选择Blender作为Web三维模型工具6

∙具备完善的gltf/pbr节点工作流；

∙跟随支持必威体育精装版的WebGL/gltf特性；

2)Blender的实时渲染引擎对WebGL产品原型设计有很大参考价值

∙光追离线渲染的原型通常和实时渲染引擎能实现的有很大差距，缺乏参考价值；

第一章为何选择Blender作为Web三维模型工具7

∙Blender的eevee引擎实时渲染从理论上说WebGL都能还原；

∙可以为设计师和开发提供一个三维产品原型的创作环境对齐；

3)Blender开源软件，可以迅速搭建WebGL工作流的生态

∙Blender是免费软件，可以让轻度用户也可以使用；免去构建传统工作流的巨大支出；

∙Blender集建模、材质处理、合成等于一体的DCC创作工具，适合互联网公司设计小

团队搭建完整的工作流；互联网公司设计小团队无法像游戏公司一样搭建分工细致的

工作流；

∙Blender支持python脚本，可以自定义插件与工作环境，创建最适合需求的工作环境；

第一章为何选择Blender作为Web三维模型工具8

4)Blender结合gltf，可以规范WebGL美术资产工作流

∙gltf已经成为Web三维应用事实上的标准格式；

∙gltf支持标准的pbr工作流，可以规范当前WebGL美术工作流的乱象；

第一章为何选择Blender作为Web三维模型工具9

∙gltf支持transform动画，给以设计师很大的创作空间；

总结：Blender未必是最专业的DCC软件，但肯定是最适合WebGL美术资产创作的三维

建模软件。