LightProbe.html 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <base href="../../../" />
  6. <script src="list.js"></script>
  7. <script src="page.js"></script>
  8. <link type="text/css" rel="stylesheet" href="page.css" />
  9. </head>
  10. <body>
  11. [page:Object3D] &rarr; [page:Light] &rarr;
  12. <h1>光照探针[name]</h1>
  13. <p class="desc">
  14. 光照探针是一种在3D场景中添加光源的另一种方法。与经典光源(平行光、点光、聚光)不同,
  15. 光照探针不发光。相反,光照探针存储着有关穿过3D空间的光线的信息。
  16. 渲染过程中,通过使用来自光照探针的数据,来逼近打到3D物体上的光线。
  17. </p>
  18. <p class="desc">
  19. 光照探针通常从(辐射)环境贴图中创建。 [page:LightProbeGenerator] 类可以根据 [page:CubeTexture] 或
  20. [page:WebGLCubeRenderTarget] 的实例来创建光照探针。
  21. 但是,光照估算数据同样可以以其他形式提供,例如,通过WebXR。
  22. 这将能够渲染可对真实世界的光照做出反应的增强现实内容。
  23. </p>
  24. <p class="desc">
  25. three.js中,当前的探针实现支持所谓的漫反射光照探针。
  26. 这种类型的光照探针功能上等效于辐照环境贴图。
  27. </p>
  28. <h2>例子</h2>
  29. <p>
  30. [example:webgl_lightprobe WebGL / light probe ]<br />
  31. [example:webgl_lightprobe_cubecamera WebGL / light probe / cube camera ]
  32. </p>
  33. <h2>构造函数</h2>
  34. <h3>[name]( [param:SphericalHarmonics3 sh], [param:Float intensity] )</h3>
  35. <p>
  36. [page:SphericalHarmonics3 sh] - (可选)一个[page:SphericalHarmonics3]的实例。<br />
  37. [page:Float intensity] - (可选)光照探针强度的数值。默认值为1。<br /><br />
  38. 创建一个新的 [name] 。
  39. </p>
  40. <h2>属性</h2>
  41. <p>
  42. See the base [page:Light Light] class for common properties.
  43. [page:Light.color color] 属性当前未做评估,因此不生效。
  44. </p>
  45. <h3>[property:SphericalHarmonics3 sh]</h3>
  46. <p>
  47. 光照探针使用球面谐波(spherical harmonic)来编码光照信息。
  48. </p>
  49. <h2>方法</h2>
  50. <p>
  51. See the base [page:Light Light] class for common methods.
  52. </p>
  53. <h2>源码</h2>
  54. <p>
  55. [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
  56. </p>
  57. </body>
  58. </html>