three.js - 将场景阴影渲染到纹理(纹理烘焙)

标签 three.js

有谁知道如何在threejs中渲染阴影贴图?我的场景中有一个地形网格,而不是让所有对象在地形上转换阴影,我希望我可以为应用于网格的纹理渲染一个漂亮的阴影贴图。

有没有人知道如何实现这一点 - 或者我可以应用到三个关于这个主题的文档?

** 编辑 **
只是为了澄清以供将来引用,我想知道是否有任何技术可用于渲染/烘焙纹理,这些纹理以后可以作为统一应用于网格。

最佳答案

看看他的例子:
http://threejs.org/examples/#webgl_materials_lightmap

你所追求的在threejs中被称为“光照贴图”,在其他地方它们也被称为遮挡纹理/贴图。

[编辑]
可以使用其他工具(例如 Blender)从几何体烘焙光照贴图:https://blender.stackexchange.com/questions/13956/how-do-you-bake-ambient-occlusion-for-a-model

关于three.js - 将场景阴影渲染到纹理(纹理烘焙),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15234215/

相关文章:

javascript - obj 文件中的 Threejs UV 映射

javascript - 三个 js 平滑着色出现平坦

javascript - 如何使用 Three.js 将纬度/经度转换为 3D 像素

javascript - Three.js WebGL 从着色器绘制圆形自定义填充和边框颜色

javascript - Three.js 阴影贴图 - Shadow.camera 未定义

javascript - Three.js - 多次使用时更改特定 GLTF 的 Material

javascript - 如何触发鼠标滚轮事件?

javascript - 图像处理后更新制服或从片段着色器获取数据

javascript - 围绕其自身的 y 轴旋转 Collada 模型

javascript - Three.js 渲染和 Bootstrap 网格