1、导论得益于游戏产业的发展，目前主流桌面端三维引擎如 UE、Unity 等三维模型的工作流非常成熟；但是 Web 端的三维模型开发却面临工作流混乱、规范缺失、人才匮乏等挑战，阻碍了三维模型 Web 应用的推广。目前 gltf 已经成为 Web 三维应用事实上的标准格式，而 Blender 是支持 WebGL最好的 DCC 软件之一；通过 Blender 这款开源软件，可以迅速搭建 WebGL 工作流的生态；Blender 结合 gltf，可以规范 WebGL 美术资产工作流，为三维模型 Web 应用开发提供支撑。本书是面向传统前端、三维模型设计师的一本入门教程，希望可以帮助传统前端了解三维模型渲

2、染需要关注的技术点；同时帮助三维模型设计师产出符合 Web应用标准的三维模型。目录页第一章 为何选择 Blender 作为 Web 三维模型工具.5第二章 WebGL 工作流与 PBR 规范.10第三章 Blender 导出 WebGL 适配的三维模型.16第四章 烘焙贴图与导出模型.20第五章 烘焙 AO 贴图与导出.26第六章 导出透明材质模型.30第七章 形变动画与导出.32第八章 过程化 PBR 纹理烘焙导出.34第九章 PBR/metalness-roughness 工作流注意点.39第十章 导出 gltf 骨骼动画模型.42第十一章 烘焙阴影贴图.45第十二章 三维模型 Web 应

3、用开发简介.49第一章 为何选择 Blender 作为 Web 三维模型工具5第一章第一章 为何选择为何选择 BlenderBlender 作为作为 WebWeb 三维模三维模型工具型工具首先，说一下 Blender 的缺点：Blender 不是最专业的 DCC 软件，单挑 3dsMax、C4D、Maya、Substance、Houdini都不行；Blender 是属于比较小众的软件，国内会的人相对比较少，学习资源也比较少；再说说为什么要以 Blender 作为 WebGL 三维建模工作流的原因。1)Blender 是支持 WebGL 最好的 DCC 软件之一具备兼容性最好的 gltf 导入/

4、导出插件；第一章 为何选择 Blender 作为 Web 三维模型工具6具备完善的 gltf/pbr 节点工作流；跟随支持最新的 WebGL/gltf 特性；2)Blender 的实时渲染引擎对 WebGL 产品原型设计有很大参考价值光追离线渲染的原型通常和实时渲染引擎能实现的有很大差距，缺乏参考价值；第一章 为何选择 Blender 作为 Web 三维模型工具7Blender 的 eevee 引擎实时渲染从理论上说 WebGL 都能还原；可以为设计师和开发提供一个三维产品原型的创作环境对齐；3)Blender 开源软件，可以迅速搭建 WebGL 工作流的生态Blender 是免费软件，可以让

5、轻度用户也可以使用；免去构建传统工作流的巨大支出；Blender 集建模、材质处理、合成等于一体的 DCC 创作工具，适合互联网公司设计小团队搭建完整的工作流；互联网公司设计小团队无法像游戏公司一样搭建分工细致的工作流；Blender 支持 python 脚本，可以自定义插件与工作环境，创建最适合需求的工作环境；第一章 为何选择 Blender 作为 Web 三维模型工具84)Blender 结合 gltf，可以规范 WebGL 美术资产工作流gltf 已经成为 Web 三维应用事实上的标准格式；gltf 支持标准的 pbr 工作流，可以规范当前 WebGL 美术工作流的乱象；第一章 为何选择

6、 Blender 作为 Web 三维模型工具9gltf 支持 transform 动画，给以设计师很大的创作空间；总结：Blender 未必是最专业的 DCC 软件，但肯定是最适合 WebGL 美术资产创作的三维建模软件。第二章 WebGL 工作流与 PBR 规范10第二章第二章 WebGLWebGL 工作流与工作流与 PBRPBR 规范规范1.为什么要引入 PBR 这么一个工作流规范PBR 是用于对齐设计师与设计师、设计师与引擎工程师之间渲染效果的一套方法论；设计师与引擎工程师可以根据真实物理世界的规律（是否金属物体，是否光滑，本身的色彩等物理属性），还原物体的渲染质感；而不需要去猜测调试某