2
0

LoadingManager.html 8.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236
  1. <!DOCTYPE html>
  2. <html lang="ar">
  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 class="rtl">
  10. <h1>[name]</h1>
  11. <p class="desc">
  12. يتعامل ويتتبع البيانات المحملة والمعلقة. يتم إنشاء نسخة عالمية افتراضية
  13. من هذه الفئة واستخدامها من قبل المحملات إذا لم يتم توفيرها
  14. يدويًا - انظر [page:DefaultLoadingManager].<br /><br />
  15. بشكل عام يجب أن يكون ذلك كافيًا، ولكن هناك أوقات يمكن أن تكون فيها
  16. مفيدًا لديك محملات منفصلة - على سبيل المثال إذا كنت ترغب في عرض
  17. شرائط تحميل منفصلة للأشياء والقوام.
  18. </p>
  19. <h2>مثال للكود</h2>
  20. <p>
  21. يوضح هذا المثال كيفية استخدام LoadingManager لتتبع التقدم
  22. [page:OBJLoader].
  23. </p>
  24. <code>
  25. const manager = new THREE.LoadingManager();
  26. manager.onStart = function ( url, itemsLoaded, itemsTotal ) {
  27. console.log( 'Started loading file: ' + url + '.\nLoaded ' + itemsLoaded + ' of ' + itemsTotal + ' files.' );
  28. };
  29. manager.onLoad = function ( ) {
  30. console.log( 'Loading complete!');
  31. };
  32. manager.onProgress = function ( url, itemsLoaded, itemsTotal ) {
  33. console.log( 'Loading file: ' + url + '.\nLoaded ' + itemsLoaded + ' of ' + itemsTotal + ' files.' );
  34. };
  35. manager.onError = function ( url ) {
  36. console.log( 'There was an error loading ' + url );
  37. };
  38. const loader = new OBJLoader( manager );
  39. loader.load( 'file.obj', function ( object ) {
  40. //
  41. } );
  42. </code>
  43. <p>
  44. بالإضافة إلى مراقبة التقدم، يمكن استخدام LoadingManager ل
  45. تجاوز عناوين URL للموارد أثناء التحميل. قد يكون ذلك مفيدًا للأصول
  46. القادمة من أحداث السحب والإفلات، WebSockets، WebRTC، أو غيرها من واجهات برمجة التطبيقات. A
  47. مثال يظهر كيفية تحميل نموذج في الذاكرة باستخدام عناوين URL لـ Blob أدناه.
  48. </p>
  49. <code>
  50. // Blob or File objects created when dragging files into the webpage.
  51. const blobs = {'fish.gltf': blob1, 'diffuse.png': blob2, 'normal.png': blob3};
  52. const manager = new THREE.LoadingManager();
  53. // Initialize loading manager with URL callback.
  54. const objectURLs = [];
  55. manager.setURLModifier( ( url ) => {
  56. url = URL.createObjectURL( blobs[ url ] );
  57. objectURLs.push( url );
  58. return url;
  59. } );
  60. // Load as usual, then revoke the blob URLs.
  61. const loader = new GLTFLoader( manager );
  62. loader.load( 'fish.gltf', (gltf) => {
  63. scene.add( gltf.scene );
  64. objectURLs.forEach( ( url ) => URL.revokeObjectURL( url ) );
  65. });
  66. </code>
  67. <h2>أمثلة (Examples)</h2>
  68. <p>
  69. [example:webgl_loader_obj WebGL / loader / obj]<br />
  70. [example:webgl_postprocessing_outline WebGL / postprocesing / outline]
  71. </p>
  72. <h2>المنشئ (Constructor)</h2>
  73. <h3>
  74. [name]( [param:Function onLoad], [param:Function onProgress],
  75. [param:Function onError] )
  76. </h3>
  77. <p>
  78. [page:Function onLoad] — (اختياري) سيتم استدعاء هذه الدالة عندما يتم
  79. جميع المحملات.<br />
  80. [page:Function onProgress] — (اختياري) سيتم استدعاء هذه الدالة عند
  81. اكتمال عنصر.<br />
  82. [page:Function onError] — (اختياري) سيتم استدعاء هذه الدالة عندما يواجه المحمل
  83. أخطاء. <br />
  84. ينشئ جديدًا [name].
  85. </p>
  86. <h2>الخصائص (Properties)</h2>
  87. <h3>[property:Function onStart]</h3>
  88. <p>
  89. سيتم استدعاء هذه الدالة عند بدء التحميل. المعاملات هي:<br />
  90. [page:String url] — عنوان url للعنصر المحمل للتو.<br />
  91. [page:Integer itemsLoaded] — عدد العناصر المحملة حتى الآن.<br />
  92. [page:Integer itemsTotal] — إجمالي عدد العناصر التي يجب تحميلها.<br /><br />
  93. بشكل افتراضي هذا غير محدد.
  94. </p>
  95. <h3>[property:Function onLoad]</h3>
  96. <p>
  97. سيتم استدعاء هذه الدالة عند اكتمال جميع التحميلات. بشكل افتراضي
  98. هذا غير محدد، ما لم يتم تمريره في المنشئ.
  99. </p>
  100. <h3>[property:Function onProgress]</h3>
  101. <p>
  102. سيتم استدعاء هذه الدالة عند اكتمال عنصر. المعاملات
  103. هي:<br />
  104. [page:String url] — عنوان url للعنصر المحمل للتو.<br />
  105. [page:Integer itemsLoaded] — عدد العناصر المحملة حتى الآن.<br />
  106. [page:Integer itemsTotal] — إجمالي عدد العناصر التي يجب تحميلها.<br /><br />
  107. بشكل افتراضي هذا غير محدد، ما لم يتم تمريره في المنشئ.
  108. </p>
  109. <h3>[property:Function onError]</h3>
  110. <p>
  111. سيتم استدعاء هذه الدالة عند حدوث خطأ في أي عنصر، مع الحجة:<br />
  112. [page:String url] — عنوان url للعنصر الذي حدث فيه خطأ.<br /><br />
  113. بشكل افتراضي هذا غير محدد، ما لم يتم تمريره في المنشئ.
  114. </p>
  115. <h2>الطرق (Methods)</h2>
  116. <h3>
  117. [method:this addHandler]( [param:Object regex], [param:Loader loader] )
  118. </h3>
  119. <p>
  120. [page:Object regex] — تعبير منتظم.<br />
  121. [page:Loader loader] — المحمل.
  122. </p>
  123. <p>
  124. يسجل محملًا مع التعبير المنتظم المعطى. يمكن استخدامه ل
  125. تحديد أي محمل يجب استخدامه لتحميل ملفات معينة. A
  126. حالة استخدام نموذجية هي الكتابة فوق المحمل الافتراضي للقوام.
  127. </p>
  128. <code>
  129. // add handler for TGA textures
  130. manager.addHandler( /\.tga$/i, new TGALoader() );
  131. </code>
  132. <h3>[method:Loader getHandler]( [param:String file] )</h3>
  133. <p>[page:String file] — مسار الملف.</p>
  134. <p>
  135. يمكن استخدامه لاسترجاع المحمل المسجل لمسار الملف المعطى.
  136. </p>
  137. <h3>[method:this removeHandler]( [param:Object regex] )</h3>
  138. <p>[page:Object regex] — تعبير منتظم.</p>
  139. <p>يزيل المحمل للتعبير المنتظم المعطى.</p>
  140. <h3>[method:String resolveURL]( [param:String url] )</h3>
  141. <p>
  142. [page:String url] — عنوان url للتحميل<br /><br />
  143. بالنظر إلى عنوان URL، يستخدم رد الاتصال بتعديل URL (إن وجد) ويعيد
  144. عنوان URL المحلول. إذا لم يتم تعيين تعديل URL، فسيتم إرجاع العنوان الأصلي.
  145. </p>
  146. <h3>[method:this setURLModifier]( [param:Function callback] )</h3>
  147. <p>
  148. [page:Function callback] — رد اتصال تعديل URL. يتم استدعاؤه مع [page:String url] الحجة،
  149. ويجب أن يعود [page:String resolvedURL].<br /><br />
  150. إذا تم توفيره، سيتم تمرير رد الاتصال لكل عنوان URL للمورد قبل
  151. يتم إرسال طلب. قد يعود الرد الاتصال بالعنوان الأصلي، أو عنوان URL جديد ل
  152. تجاوز سلوك التحميل. يمكن استخدام هذا السلوك لتحميل الأصول من
  153. ملفات .ZIP، واجهات برمجة التطبيقات السحب والإفلات، وعناوين URI البيانات.
  154. </p>
  155. <br />
  156. <p>
  157. <em>
  158. ملاحظة: تم تصميم الطرق التالية ليتم استدعاؤها داخليًا من قبل
  159. المحملات. يجب ألا تستدعيها مباشرة.
  160. </em>
  161. </p>
  162. <h3>[method:undefined itemStart]( [param:String url] )</h3>
  163. <p>
  164. [page:String url] — عنوان url للتحميل<br /><br />
  165. يجب استدعاء هذا من قبل أي محمل يستخدم المدير عندما يبدأ المحمل
  166. تحميل عنوان url.
  167. </p>
  168. <h3>[method:undefined itemEnd]( [param:String url] )</h3>
  169. <p>
  170. [page:String url] — عنوان url المحمَّل<br /><br />
  171. يجب استدعاء هذا من قبل أي محمل يستخدم المدير عند انتهاء المحمل
  172. تحميل عنوان url.
  173. </p>
  174. <h3>[method:undefined itemError]( [param:String url] )</h3>
  175. <p>
  176. [page:String url] — عنوان url المحمَّل<br /><br />
  177. يجب استدعاء هذا من قبل أي محمل يستخدم المدير عند حدوث خطأ في المحمل
  178. تحميل عنوان url.
  179. </p>
  180. <h2>المصدر (Source)</h2>
  181. <p>
  182. [link:https://github.com/mrdoob/three.js/blob/master/src/loaders/LoadingManager.js src/loaders/LoadingManager.js]
  183. </p>
  184. </body>
  185. </html>