Three.js中文网 Three.js中文网
首页
免费视频
系统课 (opens new window)
  • Three.js基础课程
  • Vue3+Threejs 3D可视化
  • Threejs进阶课程
  • 展厅3D预览漫游
  • Threejs Shader
  • Blender建模基础
  • Three.js基础课程(旧版本) (opens new window)
  • 文章
WebGPU教程
  • WebGL教程
  • WebGL教程(旧版本) (opens new window)
3D案例
  • 本站部署(打开快) (opens new window)
  • 原英文官网文档 (opens new window)
首页
免费视频
系统课 (opens new window)
  • Three.js基础课程
  • Vue3+Threejs 3D可视化
  • Threejs进阶课程
  • 展厅3D预览漫游
  • Threejs Shader
  • Blender建模基础
  • Three.js基础课程(旧版本) (opens new window)
  • 文章
WebGPU教程
  • WebGL教程
  • WebGL教程(旧版本) (opens new window)
3D案例
  • 本站部署(打开快) (opens new window)
  • 原英文官网文档 (opens new window)
Web3D系统课程视频
  • 展厅场景搭建

    • 1. 学前说明、展厅效果
    • 2. Blender查看展厅模型
    • 3. vue3+Vite +threejs
    • 4. 加载展厅gltf模型
    • 5. 发光属性emissive
    • 6. Blender设置发光属性
    • 7. 发光贴图.emissiveMap
    • 8. Blender自发光贴图
    • 9. Blender烘焙光照到贴图
    • 10. Blender烘焙全景图
      • 11. Blender设置环境贴图、涂层
      • 12. gui调试环境贴图
      • 13 .gui调节材质涂层
      • 14. threejs渲染曝光功能
      • 15. 展厅背景音乐
      • 16. 练习题-按钮开关背景音乐
      • 视频作为纹理贴图
      • 18. 色差问题—视频纹理颜色空间
      • 19. 展厅屏幕播放宣传视频
    • 展厅漫游

    • Vue+Threejs展厅
    • 展厅场景搭建
    郭隆邦
    2025-03-24
    目录

    10. Blender烘焙全景图

    # Blender烘焙全景图

    这节课给大家演示,Blender烘焙全景图(环境贴图)。

    下面我简单演示下,有兴趣的话,可以作为扩展学习。

    对于程序员也不要求全部掌握全部细节,只要知道Blender可以烘焙全景图即可,如果你想了解更多,可以去专门学习3D美术。

    # 1. 创建相机

    创建相机,如果你模型场景比较复杂,为了方便查看,可以新建一个集合,用来管理放置相机对象。

    创建相机

    相机位置和姿态也可以根据需要调整。

    把向上拖动相机到展厅几何中心位置。

    相机位置

    Blender创建相机默认姿态角度,比如相机镜头,或上方向,可能不与xyz轴平行或垂直,修改到平行或垂直。

    相机姿态角度

    补充:叠加层选中情况下,可以查看相机位置、姿态效果,如果模型比较多,有遮挡,可以选中相机,快捷键Shift+H,Alt+H可以把隐藏模型全部显示出来。 叠加层查看相机辅助效果

    # 2. 相机类型:全景相机

    1. 为了烘焙全景图,我们需要把相机的类型设置为全景相机。

    类型全景相机

    1. 渲染器设置为Cycles。

    渲染器设置为Cycles

    1. 渲染器设置为Cycles之后,切换到相机参数,可以看到多了一个全景类型的选项,设置为等距圆柱(ERP)即可

    全景类型等距圆柱

    # 3. 全景图渲染尺寸

    默认的全景图分辨率像素值如果不符合你需要,可以自己修改,比如1024x512px、2048x1024px,比例为2:1。

    全景图输出尺寸

    一般像素越大渲染越慢,像素越小渲染越快。

    # 4. 渲染输出全景图测试

    全景相机处于选中状态,在视图中找到相机,点击活动摄像机,这时候你会看到blender中模型切换渲染视角。这一步目的就是把你创建的全景相机用于渲染的输出。

    活动相机

    点击渲染图像。 渲染图像

    如果你感觉图像输出有些慢,可以去渲染器里面把采样值设置低一些,这样方便测试。 渲染输出采样值

    采样值越大输出图像质量越高,渲染时间越长,占用电脑硬件资源越多,采样值越小,渲染时间越短,平时测试,为了方便,可以先设置低一些,比如设置为12,最后输出时候设置高一点,比如设置为256。

    # 5. 排除不渲染模型

    相机附近的中央大灯模型遮挡了相机对顶部和底部的视线,这时候可以禁止渲染,如图所示。

    在渲染中禁用

    # 6. 最后保存图像

    输出渲染采样值256

    点渲染图像后,等待渲染结束,然后可以保存图像。

    保存图像命令

    你可以设置图片烘培输出的格式,还有保存路径,我这里设置的.hdr格式。

    保存全景图格式设置

    9. Blender烘焙光照到贴图
    11. Blender设置环境贴图、涂层

    ← 9. Blender烘焙光照到贴图 11. Blender设置环境贴图、涂层→

    Theme by Vdoing | Copyright © 2016-2025 豫ICP备16004767号-2
    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式