2
0

LoadingManager.html 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240
  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. <h1>[name]</h1>
  11. <p class="desc">
  12. Gestisce e tiene traccia dei dati caricati e pendenti. Un'istanza globale predefinita di questa classe
  13. viene creata e utilizzata dai loader, se non viene fornita manualmente - vedi [page:DefaultLoadingManager].<br /><br />
  14. In generale questo dovrebbe essere sufficiente, tuttavia ci sono volte in cui è utile che i loader siano separti -
  15. per esempio se si vuole mostrare barre di caricamento separate per gli oggetti e le texture.
  16. </p>
  17. <h2>Codice di Esempio</h2>
  18. <p>
  19. Questo esempio mostra come utilizzare il LoadingManager per tracciare i progressi
  20. dell'[page:OBJLoader].
  21. </p>
  22. <code>
  23. const manager = new THREE.LoadingManager();
  24. manager.onStart = function ( url, itemsLoaded, itemsTotal ) {
  25. console.log( 'Started loading file: ' + url + '.\nLoaded ' + itemsLoaded + ' of ' + itemsTotal + ' files.' );
  26. };
  27. manager.onLoad = function ( ) {
  28. console.log( 'Loading complete!');
  29. };
  30. manager.onProgress = function ( url, itemsLoaded, itemsTotal ) {
  31. console.log( 'Loading file: ' + url + '.\nLoaded ' + itemsLoaded + ' of ' + itemsTotal + ' files.' );
  32. };
  33. manager.onError = function ( url ) {
  34. console.log( 'There was an error loading ' + url );
  35. };
  36. const loader = new THREE.OBJLoader( manager );
  37. loader.load( 'file.obj', function ( object ) {
  38. //
  39. } );
  40. </code>
  41. <p>
  42. Oltre ad osservare i progressi, un LoadingManager può essere utilizzato
  43. per sovrascrivere le URL della risorsa durante il caricamento. Questo può
  44. essere utile per le risorse che derivano dagli eventi di drag-and-drop,
  45. WebSockets, WebRTC, o altre API. L'esempio qui sotto mostra come caricare un modello
  46. in memoria utilizzando le URL del Blob.
  47. </p>
  48. <code>
  49. // Oggetti Blob o File creati quando i file vengono trascinati nella pagina web
  50. const blobs = {'fish.gltf': blob1, 'diffuse.png': blob2, 'normal.png': blob3};
  51. const manager = new THREE.LoadingManager();
  52. // Inizializza il manager di caricamento con la callback della URL
  53. const objectURLs = [];
  54. manager.setURLModifier( ( url ) => {
  55. url = URL.createObjectURL( blobs[ url ] );
  56. objectURLs.push( url );
  57. return url;
  58. } );
  59. // Carica come di solito, quindi revoca gli URL dei Blob
  60. const loader = new THREE.GLTFLoader( manager );
  61. loader.load( 'fish.gltf', (gltf) => {
  62. scene.add( gltf.scene );
  63. objectURLs.forEach( ( url ) => URL.revokeObjectURL( url ) );
  64. });
  65. </code>
  66. <h2>Esempi</h2>
  67. <p>
  68. [example:webgl_loader_obj WebGL / loader / obj]<br />
  69. [example:webgl_materials_physical_reflectivity WebGL / materials / physical / reflectivity]<br />
  70. [example:webgl_postprocessing_outline WebGL / postprocesing / outline]
  71. </p>
  72. <h2>Costruttore</h2>
  73. <h3>[name]( [param:Function onLoad], [param:Function onProgress], [param:Function onError] )</h3>
  74. <p>
  75. [page:Function onLoad] — (opzionale) Questa funzione sarà chiamata quando tutti i caricamenti saranno terminati.<br />
  76. [page:Function onProgress] — (opzionale) Questa funzione sarà chiamata quando un elemento è completato.<br />
  77. [page:Function onError] — (opzionale) Questa funzione sarà chiamata quando un loader incontra degli errori.<br /><br />
  78. Crea un nuovo [name].
  79. </p>
  80. <h2>Proprietà</h2>
  81. <h3>[property:Function onStart]</h3>
  82. <p>
  83. Questa funzione verrà chiamata all'avvio del caricamento.
  84. Gli argomenti sono:<br />
  85. [page:String url] — La url dell'elemento appena caricato.<br />
  86. [page:Integer itemsLoaded] — Il numero di elementi già caricati finora.<br />
  87. [page:Integer itemsTotal] — La quantità totale di elementi da caricare.<br /><br />
  88. Il valore predefinito è `undefined`.
  89. </p>
  90. <h3>[property:Function onLoad]</h3>
  91. <p>
  92. Questa funzione sarà chiamata quando tutti i caricamenti saranno terminati. Il valore predefinito è `undefined`
  93. a meno che non venga passata nel costruttore.
  94. </p>
  95. <h3>[property:Function onProgress]</h3>
  96. <p>
  97. Questa funzione sarà chiamata quando un elemento è completato.
  98. Gli argomenti sono:<br />
  99. [page:String url] — La url dell'elemento appena caricato.<br />
  100. [page:Integer itemsLoaded] — Il numero di elementi già caricati finora.<br />
  101. [page:Integer itemsTotal] — La quantità totale di elementi da caricare.<br /><br />
  102. Il valore predefinito è `undefined` a meno che non venga passata nel costruttore.
  103. </p>
  104. <h3>[property:Function onError]</h3>
  105. <p>
  106. Questa funzione sarà chiamata quando un loader incontra degli errori, con l'argomento:<br />
  107. [page:String url] — La url dell'elemento andato in errore.<br /><br />
  108. Il valore predefinito è `undefined` a meno che non venga passata nel costruttore.
  109. </p>
  110. <h2>Metodi</h2>
  111. <h3>[method:this addHandler]( [param:Object regex], [param:Loader loader] )</h3>
  112. <p>
  113. [page:Object regex] — Un'espressione regolare.<br />
  114. [page:Loader loader] — Il loader.
  115. <p>
  116. Registra un loader con l'espressione regolare passata. Può essere utilizzato per definire quale loader
  117. deve essere utilizzato per caricare file specifici. Un caso d'uso tipico è sovrascrivere il loader
  118. predefinito per le texture.
  119. </p>
  120. <code>
  121. // aggiunge un handler per le texture TGA
  122. manager.addHandler( /\.tga$/i, new TGALoader() );
  123. </code>
  124. <h3>[method:Loader getHandler]( [param:String file] )</h3>
  125. <p>
  126. [page:String file] — Il percorso del file.
  127. <p>
  128. Può essere utilizzato per recuperare il loader registrato per il dato percorso del file.
  129. </p>
  130. <h3>[method:this removeHandler]( [param:Object regex] )</h3>
  131. <p>
  132. [page:Object regex] — Un'espressione regolare.
  133. <p>
  134. Rimuove il loader per l'espressione regolare passata.
  135. </p>
  136. <h3>[method:String resolveURL]( [param:String url] )</h3>
  137. <p>
  138. [page:String url] — La url da caricare.<br /><br />
  139. Data una URL, utilizza la callback del modificatore di URL (se presente) e restituisce
  140. un URL risolto. Se non è impostato alcun modificatore di URL, restituisce l'URL originale.
  141. </p>
  142. <h3>[method:this setURLModifier]( [param:Function callback] )</h3>
  143. <p>
  144. [page:Function callback] — La callback del modificatore di URL. Chiamata con l'argomento [page:String url], e
  145. deve restituisce una [page:String resolvedURL].<br /><br />
  146. Se fornito, la callback verrà passata ad ogni risorsa URL prima che la richiesta venga inviata.
  147. La callback deve restituire la URL originale, o una nuova URL per sovrascrivere il comportamento del caricamento.
  148. Questo comportamento può essere utilizzato per caricare le risorse dai file .ZIP, dalle API di drag-and-drop e dai Data URI.
  149. </p>
  150. <br />
  151. <p>
  152. <em>Nota: I metodi seguenti sono progettati per essere chiamati internamente dai loader. Non possono essere
  153. chiamati direttamente.</em>
  154. </p>
  155. <h3>[method:undefined itemStart]( [param:String url] )</h3>
  156. <p>
  157. [page:String url] — La url da caricare.<br /><br />
  158. Questo metodo dovrebbe essere chiamato da qualsiasi loader che utilizza il manager quando il loader inizia a caricare una url.
  159. </p>
  160. <h3>[method:undefined itemEnd]( [param:String url] )</h3>
  161. <p>
  162. [page:String url] — La url caricata.<br /><br />
  163. Questo metodo dovrebbe essere chiamato da qualsiasi loader che utilizza il manager quando il loader finisce di caricare una url.
  164. </p>
  165. <h3>[method:undefined itemError]( [param:String url] )</h3>
  166. <p>
  167. [page:String url] — La url caricata.<br /><br />
  168. Questo metodo dovrebbe essere chiamato da qualsiasi loader che utilizza il manager quando il loader va in errore caricando una url.
  169. </p>
  170. <h2>Source</h2>
  171. <p>
  172. [link:https://github.com/mrdoob/three.js/blob/master/src/loaders/LoadingManager.js src/loaders/LoadingManager.js]
  173. </p>
  174. </body>
  175. </html>