PointLight.html 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  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 />
  35. [page:Number distance] - 这个距离表示从光源到光照强度为0的位置。
  36. 当设置为0时,光永远不会消失(距离无穷大)。缺省值 0.<br />
  37. [page:Float decay] - 沿着光照距离的衰退量。缺省值 2。<br /><br />
  38. 创建一个新的点光源(PointLight)。
  39. </p>
  40. <h2>属性(Properties)</h2>
  41. <p>
  42. 公共属性请查看基类[page:Light Light]。
  43. </p>
  44. <h3>[property:Float decay]</h3>
  45. <p>
  46. The amount the light dims along the distance of the light. Default is `2`.<br />
  47. In context of physically-correct rendering the default value should not be changed.
  48. </p>
  49. <h3>[property:Float distance]</h3>
  50. <p>
  51. 如果非零,那么光强度将会从最大值当前灯光位置处按照距离线性衰减到0。
  52. 缺省值为 *0.0*。
  53. </p>
  54. <h3>[property:Float power]</h3>
  55. <p>
  56. 光功率<br />
  57. 在 [page:WebGLRenderer.physicallyCorrectLights physically correct] 模式中,
  58. 表示以"流明(光通量单位)"为单位的光功率。 缺省值 - *4Math.PI*。 <br /><br />
  59. 该值与 [page:.intensity intensity] 直接关联
  60. <code>
  61. power = intensity * 4&pi;
  62. </code>
  63. 修改该值也会导致光强度的改变。
  64. </p>
  65. <h3>[property:PointLightShadow shadow]</h3>
  66. <p>
  67. [page:PointLightShadow]用与计算此光照的阴影。<br /><br />
  68. 此对象的摄像机被设置为 [page:PerspectiveCamera.fov fov] 为90度,[page:PerspectiveCamera.aspect aspect]为1,
  69. 近裁剪面 [page:PerspectiveCamera.near near] 为0,远裁剪面[page:PerspectiveCamera.far far]
  70. 为500的透视摄像机 [page:PerspectiveCamera]。
  71. </p>
  72. <h2>方法(Methods)</h2>
  73. <p>
  74. 公共方法请查看基类 [page:Light Light]。
  75. </p>
  76. <h3>[method:this copy]( [param:PointLight source] )</h3>
  77. <p>
  78. 将所有属性的值从源 [page:PointLight source] 复制到此点光源对象。
  79. </p>
  80. <h2>Source</h2>
  81. <p>
  82. [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
  83. </p>
  84. </body>
  85. </html>