Renderer.html 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <base href="../../" />
  6. <script src="list.js"></script>
  7. <script src="page.js"></script>
  8. <link type="text/css" rel="stylesheet" href="page.css" />
  9. </head>
  10. <body>
  11. <h1>WebGLRenderer Constants</h1>
  12. <h2>Cull Face Modes</h2>
  13. <code>
  14. THREE.CullFaceNone
  15. THREE.CullFaceBack
  16. THREE.CullFaceFront
  17. THREE.CullFaceFrontBack
  18. </code>
  19. <div>
  20. These are used by the WebGLRenderer's [page:WebGLRenderer.setFaceCulling setFaceCulling] method.<br /><br />
  21. [page:constant CullFaceNone] disables face culling.<br />
  22. [page:constant CullFaceBack] culls back faces (default).<br />
  23. [page:constant CullFaceFront] culls front faces.<br />
  24. [page:constant CullFaceFrontBack] culls both front and back faces.
  25. </div>
  26. <h2>Front Face Direction</h2>
  27. <code>
  28. THREE.FrontFaceDirectionCW
  29. THREE.FrontFaceDirectionCCW
  30. </code>
  31. <div>
  32. These are used by the WebGLRenderer's [page:WebGLRenderer.setFaceCulling setFaceCulling] method.<br /><br />
  33. [page:constant FrontFaceDirectionCW] sets the winding order for polygons to clockwise.<br />
  34. [page:constant FrontFaceDirectionCW] sets the winding order for polygons to counter-clockwise (default).
  35. </div>
  36. <h2>Shadow Types</h2>
  37. <code>
  38. THREE.BasicShadowMap
  39. THREE.PCFShadowMap
  40. THREE.PCFSoftShadowMap
  41. </code>
  42. <div>
  43. These define the WebGLRenderer's [page:WebGLRenderer.shadowMap.type shadowMap.type] property.<br /><br />
  44. [page:constant BasicShadowMap] gives unfiltered shadow maps - fastest, but lowest quality.<br />
  45. [page:constant PCFShadowMap] filters shadow maps using the Percentage-Closer Filtering (PCF) algorithm (default).<br />
  46. [page:constant PCFSoftShadowMap] filters shadow maps using the Percentage-Closer Soft Shadows (PCSS) algorithm.
  47. </div>
  48. <h2>Tone Mapping</h2>
  49. <code>
  50. THREE.NoToneMapping
  51. THREE.LinearToneMapping
  52. THREE.ReinhardToneMapping
  53. THREE.Uncharted2ToneMapping
  54. THREE.CineonToneMapping
  55. </code>
  56. <div>
  57. These define the WebGLRenderer's [page:WebGLRenderer.toneMapping toneMapping] property.
  58. This is used to approximate the appearance of high dynamic range (HDR) on the
  59. low dynamic range medium of a standard computer monitor or mobile device's screen.<br /><br />
  60. [page:constant NoToneMapping] disables tone mapping.<br />
  61. [page:constant LinearToneMapping] is the default.<br /><br />
  62. See the [example:webgl_tonemapping WebGL / tonemapping] example.
  63. </div>
  64. <h2>Source</h2>
  65. [link:https://github.com/mrdoob/three.js/blob/master/src/constants.js src/constants.js]
  66. </body>
  67. </html>