VideoTexture.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. <!DOCTYPE html>
  2. <html lang="it">
  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:Texture] &rarr;
  11. <h1>[name]</h1>
  12. <p class="desc">
  13. Crea una texture da utilizzare con un video.
  14. </p>
  15. <p>
  16. Nota: Dopo l'utilizzo iniziale di una texture, il video non può essere cambiato. Invece, chiama [page:.dispose]() sulla texture e creane una nuova.
  17. </p>
  18. <h2>Codice di Esempio</h2>
  19. <code>
  20. // supponendo che tu abbia creato un elemento video HTML con id="video"
  21. const video = document.getElementById( 'video' );
  22. const texture = new THREE.VideoTexture( video );
  23. </code>
  24. <h2>Esempi</h2>
  25. <p>
  26. [example:webgl_materials_video materials / video]<br />
  27. [example:webgl_materials_video_webcam materials / video / webcam]<br />
  28. [example:webgl_video_kinect video / kinect]<br />
  29. [example:webgl_video_panorama_equirectangular video / panorama / equirectangular]<br />
  30. [example:webxr_vr_video vr / video]
  31. </p>
  32. <h2>Constructor</h2>
  33. <h3>[name]( [param:Video video], [param:Constant mapping], [param:Constant wrapS], [param:Constant wrapT], [param:Constant magFilter], [param:Constant minFilter], [param:Constant format], [param:Constant type], [param:Number anisotropy] )</h3>
  34. <p>
  35. [page:Video video] -- L'elemento video da utilizzare come texture. <br />
  36. [page:Constant mapping] -- Come l'immagine viene applicata all'oggetto. Un tipo di oggetto di [page:Textures THREE.UVMapping].
  37. Vedi [page:Textures mapping constants] per altre scelte.<br />
  38. [page:Constant wrapS] -- Il valore predefinito è [page:Textures THREE.ClampToEdgeWrapping].
  39. Vedi [page:Textures wrap mode constants] per altre scelte.<br />
  40. [page:Constant wrapT] -- Il valore predefinito è [page:Textures THREE.ClampToEdgeWrapping].
  41. Vedi [page:Textures wrap mode constants] per altre scelte.<br />
  42. [page:Constant magFilter] -- Come viene campionata la texture quando un texel copre più di un pixel.
  43. Il valore predefinito è [page:Textures THREE.LinearFilter]. Vedi [page:Textures magnification filter constants] per altre scelte.<br />
  44. [page:Constant minFilter] -- Come viene campionata la texture quando un texel copre meno di un pixel.
  45. Il valore predefinito è [page:Textures THREE.LinearFilter]. Vedi [page:Textures minification filter constants] per altre scelte.<br />
  46. [page:Constant format] -- Il valore predefinito è [page:Textures THREE.RGBAFormat].
  47. Vedi [page:Textures format constants] per altre scelte.<br />
  48. [page:Constant type] -- Il valore predefinito è [page:Textures THREE.UnsignedByteType].
  49. Vedi [page:Textures type constants] per altre scelte.<br />
  50. [page:Number anisotropy] -- Il numero di campioni prelevati lungo l'asse attravero il pixel che ha la densità di texel più alta.
  51. Per impostazione predefinita, questo valore è 1. Un valore più alto fornisce un risultato meno sfuocato rispetto ad una mipmap di base,
  52. a costo di utilizzare più campioni di texture. Usa [page:WebGLrenderer.getMaxAnisotropy renderer.getMaxAnisotropy]()
  53. per trovare il valore di anisotropia massimo valido per la GPU; questo valore è solitamente una potenza di 2.<br /><br />
  54. </p>
  55. <h2>Proprietà</h2>
  56. <p>
  57. Vedi la classe base [page:Texture Texture] per le proprietà comuni.
  58. </p>
  59. <h3>[property:Boolean generateMipmaps]</h3>
  60. <p>
  61. Indica se generare mipmap. Il valore predefinito è `false`.
  62. </p>
  63. <h3>[property:Boolean isVideoTexture]</h3>
  64. <p>
  65. Flag di sola lettura per verificare se l'oggetto dato è di tipo [name].
  66. </p>
  67. <h3>[property:Boolean needsUpdate]</h3>
  68. <p>
  69. Non avrai bisogno di impostarlo manualmente qui poiché è gestito dal metodo [page:VideoTexture.update update]().
  70. </p>
  71. <h2>Metodi</h2>
  72. <p>
  73. Vedi la classe base [page:Texture Texture] per i metodi comuni.
  74. </p>
  75. <h3>[method:undefined update]()</h3>
  76. <p>
  77. Questo viene chiamato automaticamente e imposta [page:VideoTexture.needsUpdate .needsUpdate] a `true` ogni
  78. volta che un nuovo frame è disponibile.
  79. </p>
  80. <h2>Source</h2>
  81. <p>
  82. [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
  83. </p>
  84. </body>
  85. </html>