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

导论得益于游戏产业的发展，目前主流桌面端三维引擎如 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第五章 烘焙 AO 贴图与导出........................................................ 26第六章 导出透明材质模型........................................................... 30第七章 形变动画与导出...............................................................32第八章 过程化 PBR 纹理烘焙导出...............................................34第九章 PBR/metalness-roughness 工作流注意点....................... 39第十章 导出 gltf 骨骼动画模型.....................................................42第十一章 烘焙阴影贴图...............................................................45第十二章 三维模型 Web 应用开发简介........................................49第一章 为何选择 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 三维模型工具>84) Blender 结合 gltf，可以规范 WebGL 美术资产工作流∙gltf 已经成为 Web 三维应用事实上的标准格式；∙gltf 支持标准的 pbr 工作流，可以规范当前 WebGL 美术工作流的乱象；第一章 为何选择 Blender 作为 Web 三维模型工具>9∙gltf 支持 transform 动画，给以设计师很大的创作空间；总结：Blender 未必是最专业的 DCC 软件，但肯定是最适合 WebGL 美术资产创作的三维建模软件。第二章 WebGL 工作流与 PBR 规范>10第二章 WebGL 工作流与 PBR 规范1. 为什么要引入 PBR 这么一个工作流规范∙PBR 是用于对齐设计师与设计师、设计师与引擎工程师之间渲染效果的一套方法论；∙设计师与引擎工程师可以根据真实物理世界的规律（是否金属物体，是否光滑，本身的色彩等物理属性），还原物体的渲染质感；而不需要去猜测调试某个物体的材质参数；∙PBR 是基于光照等物理定律的规则，相同的参数在不同渲染环境下也是保持一致的视觉效果（理论上，实际上有细微偏差）；2. 什么是 PBR？PBR 全称(Physicallly-Based Rendering)。笼统的说，就字面含义可以看出，这是一种基于物理规律模拟的一种渲染技术。最早用于电影的照片级真实的渲染。近几年由于硬件性能的不断提高，已经大量运用于 PC 游戏与主机游戏的实时渲染。几款著名的 3D 引擎均有了各自的实现(UnrealEngine 4, CryEngine 3, Unity 3D 5)。3. 什么是 PBR 贴图？PBR 建 模 有 Metalness-Roughness 和 Specular-Glosiness 两 套 工 作 流 ， 推 荐Metalness-Roughness 工作流;Metalness-Roughness 建模工作流通常包括 6 种贴图，具体包括：第二章 WebGL 工作流与 PBR 规范>111)Metalness 贴图：∙通常和 roughness 合成一张贴图，有效位 bg 通道∙metalness b 通道∙roughness g 通道∙色彩空间为 linear 线性空间2)Roughness 贴图：∙通常和 metalness 合成一张贴图，有效位 bg 通道∙metalness b 通道userid:529794,docid:175757,date:2024-09-23,sgpjbg.com第二章 WebGL 工作流与 PBR 规范