threejs journey - portal scene 学习笔记

263 阅读2分钟

引入

光线追踪就是在多个方向上多次投射光线,以模拟间接光照,虽然效果逼真,但很耗时。因此使用光线追踪无法实现实时体验。 烘焙就是将这些光线追踪的渲染作为纹理贴到场景中的几何体上。

image.png 缺点是:

  1. 我们得在3D软件里烘焙一切
  2. 我们得加载纹理
  3. 光源是静止的

image.png 步骤

  1. 在3D软件里创建场景
  2. 优化所有物体(去掉所有隐藏面,只保留必要部分)
  3. UV拆分所有
  4. 将渲染结果烘焙到纹理上
  5. 导出场景和纹理
  6. 在threejs导入所有,将纹理贴上

image.png

blender中的一些操作

  1. 渲染引擎转换
  • Eevee是实时渲染,但我们要的是画质最佳的渲染,要用光线追踪,需要把渲染引擎转换用Cycles

image.png

  1. 单位可以设置为none

image.png 3. 一些快捷键

  • ctrl+r增加切割
  • GG滑移边线
  • ctrl+l(edit模式:选择所有相连元素;object模式:把活动对象的内容应用到选中对象,比如材质)
  • shift+d复制后p可分离
  • i内嵌e挤出
  • alt+d复制出链接副本
  • F3搜索(bisect、repeat last、make single)
  • ctrl+space全blender视图显示
  • u UV展开
  1. 发光材质(无需烘焙)

image.png

  1. 检查面向并修正

image.png

  1. 调整物体比例
  • scale操作时,最好在edit模式下,把物体比例维持在1,否则UV展开的时候会导致比例不对
  • 解决问题步骤:a选中所有物体,ctrl+a打开应用设置应用比例缩放
  1. UV展开后需保持比例差不多,stretch area下尽可能调整成相同颜色

image.png

  1. 保存烘焙纹理的hdr版本,然后使用filmic和去噪进行转换

image.png

这里4096的话,我的笔记本似乎带不起来,还是用的默认的1024...

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png 9. 提升性能

image.png

image.png