GridHelper.html 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  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;
  11. <h1>[name]</h1>
  12. <p class="desc">
  13. GridHelper هو كائن لتحديد الشبكات. الشبكات هي مصفوفات ثنائية الأبعاد
  14. من الخطوط.
  15. </p>
  16. <h2>مثال الكود</h2>
  17. <code>
  18. const size = 10;
  19. const divisions = 10;
  20. const gridHelper = new THREE.GridHelper( size, divisions );
  21. scene.add( gridHelper );
  22. </code>
  23. <h2>أمثلة (Examples)</h2>
  24. <p>[example:webgl_helpers WebGL / helpers]</p>
  25. <h2>المنشئ (Constructor)</h2>
  26. <h3>
  27. [name]( [param:number size], [param:Number divisions], [param:Color colorCenterLine], [param:Color colorGrid] )
  28. </h3>
  29. <p>
  30. size -- حجم الشبكة. الافتراضي هو 10. <br />
  31. divisions -- عدد التقسيمات عبر الشبكة. الافتراضي هو 10.
  32. <br />
  33. colorCenterLine -- لون الخط الأوسط. يمكن أن يكون هذا
  34. [page:Color]، قيمة ست عشرية واسم لون CSS. الافتراضي هو
  35. 0x444444 <br />
  36. colorGrid -- لون خطوط الشبكة. يمكن أن يكون هذا
  37. [page:Color]، قيمة ست عشرية واسم لون CSS. الافتراضي هو
  38. 0x888888
  39. </p>
  40. <p>
  41. ينشئ [name] جديدًا بحجم 'size' ومقسَّمًا إلى 'divisions' شرائح
  42. لكل جانب. الألوان اختيارية.
  43. </p>
  44. <h2>الطرق (Methods)</h2>
  45. <p>انظر إلى الفئة الأساسية [page:LineSegments] للحصول على الطرق المشتركة.</p>
  46. <h3>[method:undefined dispose]()</h3>
  47. <p>
  48. يُطلِق الموارد المتعلقة بوحدة معالجة الرسومات التي تم تخصيصها من قبل هذه العيّنة. اتصل بهذه
  49. الطريقة كلما لم يعد هذه العيّنة مستخدمة في تطبيقك.
  50. </p>
  51. <h2>المصدر (Source)</h2>
  52. <p>
  53. [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
  54. </p>
  55. </body>
  56. </html>