透明遮光物体

Question

我想渲染一个地板+屋顶向一侧开放的房间。房间包含一个点光源，它的“外部”由环境光（太阳）照亮。还有一项附加要求：用户应该能够查看房间内部以了解发生了什么。但我不能简单地拆掉屋顶，因为这样房间就会被环境光完全照亮。

我认为我的问题可以通过让透明的 3D 物体仍然阻挡光线来解决。

为了让您了解我当前的场景，它是这样的：

灰色的东西是我房间的墙。黑色的东西是房间的地板。绿色的东西是场景的地面。该房间包含一个点光源。

我目前正在使用两个场景（请参阅从定向/环境照明中排除区域）因为我希望房间内部不受环境光的影响。但现在我的灯光只能影响房间内部（点光源）或外部（环境光），但不能同时影响两者。

我的场景的可运行示例可以在这里找到：

https: //codesandbox.io/s/confident-worker-64kg7m?file=/src/index.js

再说一次：我认为我的问题可以通过使用仍然阻挡光线的透明物体来解决。如果我有的话，我会简单地在我的房间顶部（作为屋顶）放置一个 3d 平面并使其透明......它会阻挡房间内部的光线（但如果房间是开放的，仍然让它进入外面） ）并且它还会阻挡环境光（部分 - 如果房间是开放的）......

也许还有另一种我没有看到的解决方案。

Answer 1

只需使用一个场景而不是两个场景，然后在相关网格上启用阴影，这样光线就不会从内部穿过到外部。一旦您仅使用一个场景，演示中要采取的步骤是：

1. 禁用 AmbientLight，并仅使用 DirectionalLight，因为 AmbientLight 会不加区别地照亮所有内容，而这不是您想要的。
2. 将定向光放置在建筑物上方，使其从上到下发光。
3. 在墙壁上启用阴影投射
4. 添加天花板网格，并将材质的侧面设置为 side: THREE.BackSide。这只会渲染网格的背面，这意味着从上方看不到它，但它仍然会投射阴影。

  const roomCeilMat = new MeshStandardMaterial({
    side: BackSide
  });
  const roomCeiling = new Mesh(roomFloorGeo, roomCeilMat);
  roomCeiling.position.set(0, 0, 1);
  roomCeiling.castShadow = true;
  scene1.add(roomCeiling);

请参阅此处获取演示的工作副本：
https://codesandbox.io/s/stupefied-williams -qd7jmi?file=/src/index.js

Answer 2

我会为房间分配一个平坦的发射材料。或者深度梯度（如果它变成地形）。由于 环境光 不会投射阴影。它节省了光线和额外的几何图形或组。再加上网络模型查看器可能会渲染得更好。如果您要进行显示过渡，请使用剪辑平面或纹理 alpha 蒙版。

这取决于表示形式与输出格式。它还取决于最终平面图的复杂程度。如果您的过程很简单，它将在 Raspberry Voxel 上运行 Sims Lite。