Fog.html 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  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. <h1>[name]</h1>
  11. <p class="desc">This class contains the parameters that define linear fog, i.e., that grows linearly denser with the distance.</p>
  12. <h2>Code Example</h2>
  13. <code>const scene = new THREE.Scene();
  14. scene.fog = new THREE.Fog( 0xcccccc, 10, 15 );
  15. </code>
  16. <h2>Constructor</h2>
  17. <h3>[name]( [param:Integer color], [param:Float near], [param:Float far] )</h3>
  18. <p>The color parameter is passed to the [page:Color] constructor to set the color property. Color can be a hexadecimal integer or a CSS-style string.</p>
  19. <h2>Properties</h2>
  20. <h3>[property:Boolean isFog]</h3>
  21. <p>
  22. Read-only flag to check if a given object is of type [name].
  23. </p>
  24. <h3>[property:String name]</h3>
  25. <p>Optional name of the object (doesn't need to be unique). Default is an empty string.</p>
  26. <h3>[property:Color color]</h3>
  27. <p>Fog color. Example: If set to black, far away objects will be rendered black.</p>
  28. <h3>[property:Float near]</h3>
  29. <p>The minimum distance to start applying fog. Objects that are less than 'near' units from the active camera won't be affected by fog.</p>
  30. <p>Default is 1.</p>
  31. <h3>[property:Float far]</h3>
  32. <p>The maximum distance at which fog stops being calculated and applied. Objects that are more than 'far' units away from the active camera won't be affected by fog.</p>
  33. <p>Default is 1000.</p>
  34. <h2>Methods</h2>
  35. <h3>[method:Fog clone]()</h3>
  36. <p>Returns a new fog instance with the same parameters as this one.</p>
  37. <h3>[method:Object toJSON]()</h3>
  38. <p>Return fog data in JSON format.</p>
  39. <h2>Source</h2>
  40. <p>
  41. [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
  42. </p>
  43. </body>
  44. </html>