Renderer.html 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  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.CustomToneMapping
  46. </code>
  47. <p>
  48. Eles definem a propriedade [page:WebGLRenderer.toneMapping toneMapping] do WebGLRenderer.
  49. Isso é usado para aproximar a aparência da faixa dinâmica alta (HDR) no
  50. médio da faixa dinâmica baixa de um monitor de computador padrão ou tela de dispositivo móvel.
  51. </p>
  52. <p>
  53. THREE.LinearToneMapping, THREE.ReinhardToneMapping, THREE.CineonToneMapping e THREE.ACESFilmicToneMapping são implementações internas de mapeamento de tom.
  54. THREE.CustomToneMapping espera uma implementação personalizada modificando o código GLSL do sombreador de fragmento do material.
  55. Vejo o exemplo [example:webgl_tonemapping WebGL / tonemapping].
  56. </p>
  57. <h2>Source</h2>
  58. <p>
  59. [link:https://github.com/mrdoob/three.js/blob/master/src/constants.js src/constants.js]
  60. </p>
  61. </body>
  62. </html>