1
0

Sky.html 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  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:Mesh] &rarr;
  11. <h1>[name]</h1>
  12. <p class="desc">
  13. [name]为你的场景创建了一个准备就绪的天空环境。
  14. </p>
  15. <h2>导入</h2>
  16. <p>
  17. [name] 是一个插件,因此必须明确导入。
  18. 参见[link:#manual/introduction/Installation Installation / Addons].
  19. </p>
  20. <code>
  21. import { Sky } from 'three/addons/objects/Sky.js';
  22. </code>
  23. <h2>代码示例</h2>
  24. <code>
  25. const sky = new Sky();<br />
  26. sky.scale.setScalar( 450000 );<br />
  27. const phi = MathUtils.degToRad( 90 );<br />
  28. const theta = MathUtils.degToRad( 180 );<br />
  29. const sunPosition = new Vector3().setFromSphericalCoords( 1, phi, theta );<br />
  30. sky.material.uniforms.sunPosition.value = sunPosition;<br />
  31. scene.add( sky );
  32. </code>
  33. <h2>示例</h2>
  34. <p>[example:webgl_shaders_sky misc / objects / Sky ]</p>
  35. <h2>构造函数</h2>
  36. <h3>[name]()</h3>
  37. <p>
  38. 创建一个[name]实例。
  39. </p>
  40. <h2>属性</h2>
  41. <p>
  42. [name]实例是一个带有预定义的 [page:ShaderMaterial]材质的[page:Mesh]模型, 因此这里描述的每个属性都应该使用[page:Uniform]s.
  43. </p>
  44. <h3>[property:Number turbidity]</h3>
  45. <p>
  46. [name]的浑浊度
  47. </p>
  48. <h3>[property:Number rayleigh]</h3>
  49. <p>
  50. 更详细的解释参见: [link:https://en.wikipedia.org/wiki/Rayleigh_scattering Rayleigh scattering] .
  51. </p>
  52. <h3>[property:Number mieCoefficient]</h3>
  53. <p>
  54. [link:https://en.wikipedia.org/wiki/Mie_scattering Mie scattering]数量。
  55. </p>
  56. <h3>[property:Number mieDirectionalG]</h3>
  57. <p>
  58. [link:https://en.wikipedia.org/wiki/Mie_scattering Mie scattering]方向
  59. </p>
  60. <h3>[property:Vector3 sunPosition]</h3>
  61. <p>
  62. 太阳的位置。
  63. </p>
  64. <h3>[property:Vector3 up]</h3>
  65. <p>
  66. 太阳从地平线升起的角度,以度为单位。
  67. </p>
  68. <h2>源代码</h2>
  69. <p>
  70. [link:https://github.com/mrdoob/three.js/blob/master/examples/jsm/objects/Sky.js examples/jsm/objects/Sky.js]
  71. </p>
  72. </body>
  73. </html>