PointLight.html 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. <!DOCTYPE html>
  2. <html lang="zh">
  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. 从一个点向各个方向发射的光源。一个常见的例子是模拟一个灯泡发出的光。
  14. <br /><br />
  15. 该光源可以投射阴影 - 跳转至 [page:PointLightShadow] 查看更多细节。
  16. </p>
  17. <h2>代码示例</h2>
  18. <code>
  19. const light = new THREE.PointLight( 0xff0000, 1, 100 );
  20. light.position.set( 50, 50, 50 );
  21. scene.add( light );
  22. </code>
  23. <h2>例子</h2>
  24. <p>
  25. [example:webgl_lights_pointlights lights / pointlights ]<br />
  26. [example:webgl_effects_anaglyph effects / anaglyph ]<br />
  27. [example:webgl_geometry_text geometry / text ]<br />
  28. [example:webgl_lensflares lensflares ]
  29. </p>
  30. <h2>构造器(Constructor)</h2>
  31. <h3>[name]( [param:Integer color], [param:Float intensity], [param:Number distance], [param:Float decay] )</h3>
  32. <p>
  33. [page:Integer color] - (可选参数)) 十六进制光照颜色。 缺省值 0xffffff (白色)。<br />
  34. [page:Float intensity] - (可选参数) 光照强度。 缺省值 1。 <br /><br />
  35. [page:Number distance] - 这个距离表示从光源到光照强度为0的位置。
  36. 当设置为0时,光永远不会消失(距离无穷大)。缺省值 0.<br />
  37. [page:Float decay] - 沿着光照距离的衰退量。缺省值 1。
  38. 在 [page:WebGLRenderer.physicallyCorrectLights physically correct] 模式中,decay = 2。<br /><br />
  39. 创建一个新的点光源(PointLight)。
  40. </p>
  41. <h2>属性(Properties)</h2>
  42. <p>
  43. 公共属性请查看基类[page:Light Light]。
  44. </p>
  45. <h3>[property:Float decay]</h3>
  46. <p>
  47. 沿着光照距离的衰减量<br />
  48. 在 [page:WebGLRenderer.physicallyCorrectLights physically correct] 模式下,decay 设置为等于2将实现现实世界的光衰减。<br/>
  49. 缺省值为 *1*。
  50. </p>
  51. <h3>[property:Float distance]</h3>
  52. <p>
  53. 如果非零,那么光强度将会从最大值当前灯光位置处按照距离线性衰减到0。
  54. 缺省值为 *0.0*。
  55. </p>
  56. <h3>[property:Float power]</h3>
  57. <p>
  58. 光功率<br />
  59. 在 [page:WebGLRenderer.physicallyCorrectLights physically correct] 模式中,
  60. 表示以"流明(光通量单位)"为单位的光功率。 缺省值 - *4Math.PI*。 <br /><br />
  61. 该值与 [page:.intensity intensity] 直接关联
  62. <code>
  63. power = intensity * 4&pi;
  64. </code>
  65. 修改该值也会导致光强度的改变。
  66. </p>
  67. <h3>[property:PointLightShadow shadow]</h3>
  68. <p>
  69. [page:PointLightShadow]用与计算此光照的阴影。<br /><br />
  70. 此对象的摄像机被设置为 [page:PerspectiveCamera.fov fov] 为90度,[page:PerspectiveCamera.aspect aspect]为1,
  71. 近裁剪面 [page:PerspectiveCamera.near near] 为0,远裁剪面[page:PerspectiveCamera.far far]
  72. 为500的透视摄像机 [page:PerspectiveCamera]。
  73. </p>
  74. <h2>方法(Methods)</h2>
  75. <p>
  76. 公共方法请查看基类 [page:Light Light]。
  77. </p>
  78. <h3>[method:PointLight copy]( [param:PointLight source] )</h3>
  79. <p>
  80. 将所有属性的值从源 [page:PointLight source] 复制到此点光源对象。
  81. </p>
  82. <h2>Source</h2>
  83. <p>
  84. [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
  85. </p>
  86. </body>
  87. </html>