BoxHelper.html 3.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  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. [page:Object3D] &rarr; [page:Line] &rarr; [page:LineSegments] &rarr;
  11. <h1>[name]</h1>
  12. <p class="desc">
  13. كائن مساعد لإظهار الحدود المحيطة المتوازية مع محور العالم بشكل بصري
  14. حول كائن. يتم التعامل مع الحدود المحيطة الفعلية باستخدام [page:Box3]،
  15. هذا مجرد مساعد بصري للتصحيح. يمكن تغيير حجمه تلقائيًا باستخدام طريقة [page:BoxHelper.update]
  16. عندما يتم تحويل الكائن الذي تم إنشاؤه منه. لاحظ أن يجب أن يكون للكائن
  17. [page:BufferGeometry] لكي يعمل هذا، لذلك لن يعمل مع [page:Sprite Sprites].
  18. </p>
  19. <h2>مثال الكود</h2>
  20. <code>
  21. const sphere = new THREE.SphereGeometry();
  22. const object = new THREE.Mesh( sphere, new THREE.MeshBasicMaterial( 0xff0000 ) );
  23. const box = new THREE.BoxHelper( object, 0xffff00 );
  24. scene.add( box );
  25. </code>
  26. <h2>أمثلة (Examples)</h2>
  27. <p>
  28. [example:webgl_helpers WebGL / helpers]<br />
  29. [example:webgl_loader_nrrd WebGL / loader / nrrd]<br />
  30. [example:webgl_buffergeometry_drawrange WebGL / buffergeometry / drawrange]
  31. </p>
  32. <h2>المنشئ (Constructor)</h2>
  33. <h3>[name]( [param:Object3D object], [param:Color color] )</h3>
  34. <p>
  35. [page:Object3D object] -- (اختياري) الـ object3D المراد عرض الحدود المحيطة المتوازية مع محور العالم.<br />
  36. [page:Color color] -- (اختياري) قيمة ست عشرية تحدد لون الصندوق. الافتراضي هو 0xffff00.<br /><br />
  37. ينشئ صندوقًا جديدًا بإطار سلكي يحد الكائن المُمرَّر. يستخدم هذا داخليًا
  38. [page:Box3.setFromObject] لحساب الأبعاد. لاحظ أن هذا يشمل أي أطفال.
  39. </p>
  40. <h2>الخصائص (Properties)</h2>
  41. <p>انظر إلى الفئة الأساسية [page:LineSegments] للحصول على الخصائص المشتركة.</p>
  42. <h2>الطرق (Methods)</h2>
  43. <p>انظر إلى الفئة الأساسية [page:LineSegments] للحصول على الطرق المشتركة.</p>
  44. <h3>[method:undefined update]()</h3>
  45. <p>
  46. يُحدِّث هندسة المساعد لتطابق أبعاد الكائن، بما في ذلك أي أطفال. انظر [page:Box3.setFromObject].
  47. </p>
  48. <h3>[method:this setFromObject]( [param:Object3D object] )</h3>
  49. <p>
  50. [page:Object3D object] - [page:Object3D] لإنشاء المساعد منه.<br /><br />
  51. يُحدِّث صندوق الإطار السلكي للكائن المُمرَّر.
  52. </p>
  53. <h3>[method:undefined dispose]()</h3>
  54. <p>
  55. يُطلِق الموارد المتعلقة بوحدة معالجة الرسومات التي تم تخصيصها من قبل هذه العيّنة. اتصل بهذه
  56. الطريقة كلما لم يعد هذه العيّنة مستخدمة في تطبيقك.
  57. </p>
  58. <h2>المصدر (Source)</h2>
  59. <p>
  60. [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
  61. </p>
  62. </body>
  63. </html>