主页 / 问题 / 633459
Accepted
Александр Беляков
Asked:2020-02-28 15:42:38 +0000 UTC2020-02-28 15:42:38 +0000 UTC

如何在 Three.js 中访问影子数学？

  • 772

如何在 Three.js 中访问影子数学？有一个包含对象和 DirectionalLight 光源的场景。你可以看到链接。

正如您在图片中看到的那样，有一个白色屋顶的房子，用一个平面表示（平面 100x45）。周围物体的阴影落在平面上。

我怎样才能访问影子数学？获取表面的阴影贴图，然后解决一个看似微不足道的任务：确定表面上的一个点是否在阴影中？我阅读了有关 Raycaster () 的选项，但它在这里不起作用，因为。定向光源。

three.js

1 个回答

  1. Best Answer

    给定：平面上的一个点，pointOnPlane光源的归一化位置向量（它也是一个方向）direction和场景中的对象数组sceneObjects（您需要找到的交点）。确定一个点是否在阴影中适合一个小函数：

    var raycasterPoint = new THREE.Raycaster();
var direction = new THREE.Vector3();// for re-use

function isShaded(pointOnPlane){
  direction.copy(light.position).normalize();
  raycasterPoint.set(pointOnPlane, direction); // начало луча и направление
  var retVal = false;
  var pointIntersects = raycasterPoint.intersectObjects( sceneObjects );
  if (pointIntersects.length > 0) retVal = true;
  return retVal;
}

    在此处输入图像描述

    jsfiddle示例。

    • 1

相关问题