Renderer.html 2.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. <!DOCTYPE html>
  2. <html lang="pt-br">
  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>Constantes do WebGLRenderer</h1>
  11. <h2>Modos de Eliminação de Faces (Cull Face Modes)</h2>
  12. <code>
  13. THREE.CullFaceNone
  14. THREE.CullFaceBack
  15. THREE.CullFaceFront
  16. THREE.CullFaceFrontBack
  17. </code>
  18. <p>
  19. [page:constant CullFaceNone] desativa a eliminação de faces.<br />
  20. [page:constant CullFaceBack] elimina as faces traseiras (padrão)<br />
  21. [page:constant CullFaceFront] elimina faces frontais.<br />
  22. [page:constant CullFaceFrontBack] elimina as faces frontal e traseira.
  23. </p>
  24. <h2>Tipos de Sombra (Shadow Types)</h2>
  25. <code>
  26. THREE.BasicShadowMap
  27. THREE.PCFShadowMap
  28. THREE.PCFSoftShadowMap
  29. THREE.VSMShadowMap
  30. </code>
  31. <p>
  32. Definem a propriedade [page:WebGLRenderer.shadowMap.type shadowMap.type] do WebGLRenderer.<br /><br />
  33. [page:constant BasicShadowMap] fornece mapas de sombra não filtrados - mais rápido, mas de menor qualidade.<br />
  34. [page:constant PCFShadowMap] filtra mapas de sombra usando o algoritmo Percentage-Closer Filtering (PCF) (padrão).<br />
  35. [page:constant PCFSoftShadowMap] filtra mapas de sombra usando o algoritmo Percentage-Closer Filtering (PCF) com melhores sombras suaves, especialmente ao usar mapas de sombra de baixa resolução.<br />
  36. [page:constant VSMShadowMap] filtra mapas de sombra usando o algoritmo Variance Shadow Map (VSM). Ao usar o VSMShadowMap, todos os receptores de sombra também projetarão sombras.
  37. </p>
  38. <h2>Mapeamento de Tom (Tone Mapping)</h2>
  39. <code>
  40. THREE.NoToneMapping
  41. THREE.LinearToneMapping
  42. THREE.ReinhardToneMapping
  43. THREE.CineonToneMapping
  44. THREE.ACESFilmicToneMapping
  45. THREE.AgXToneMapping
  46. THREE.NeutralToneMapping
  47. THREE.CustomToneMapping
  48. </code>
  49. <p>
  50. Eles definem a propriedade [page:WebGLRenderer.toneMapping toneMapping] do WebGLRenderer.
  51. Isso é usado para aproximar a aparência da faixa dinâmica alta (HDR) no
  52. médio da faixa dinâmica baixa de um monitor de computador padrão ou tela de dispositivo móvel.
  53. </p>
  54. <p>
  55. THREE.LinearToneMapping, THREE.ReinhardToneMapping, THREE.CineonToneMapping, THREE.ACESFilmicToneMapping, THREE.AgXToneMapping e THREE.NeutralToneMapping são implementações internas de mapeamento de tom.
  56. THREE.CustomToneMapping espera uma implementação personalizada modificando o código GLSL do sombreador de fragmento do material.
  57. Vejo o exemplo [example:webgl_tonemapping WebGL / tonemapping].
  58. </p>
  59. <p>
  60. THREE.NeutralToneMapping is an implementation based on the Khronos 3D Commerce Group standard tone mapping.
  61. </p>
  62. <h2>Source</h2>
  63. <p>
  64. [link:https://github.com/mrdoob/three.js/blob/master/src/constants.js src/constants.js]
  65. </p>
  66. </body>
  67. </html>