LightProbe.html 2.3 KB

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