SphereGeometry.html 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  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:BufferGeometry] &rarr;
  11. <h1>[name]</h1>
  12. <p class="desc">فئة لإنشاء هندسات الكرة.</p>
  13. <iframe
  14. id="scene"
  15. src="scenes/geometry-browser.html#SphereGeometry"
  16. ></iframe>
  17. <script>
  18. // iOS iframe auto-resize workaround
  19. if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
  20. const scene = document.getElementById( 'scene' );
  21. scene.style.width = getComputedStyle( scene ).width;
  22. scene.style.height = getComputedStyle( scene ).height;
  23. scene.setAttribute( 'scrolling', 'no' );
  24. }
  25. </script>
  26. <h2>مثال الكود</h2>
  27. <code>
  28. const geometry = new THREE.SphereGeometry( 15, 32, 16 );
  29. const material = new THREE.MeshBasicMaterial( { color: 0xffff00 } );
  30. const sphere = new THREE.Mesh( geometry, material ); scene.add( sphere );
  31. </code>
  32. <h2>المنشئ (Constructor)</h2>
  33. <h3>
  34. [name]([param:Float radius], [param:Integer widthSegments], [param:Integer heightSegments], [param:Float phiStart], [param:Float phiLength],
  35. [param:Float thetaStart], [param:Float thetaLength])
  36. </h3>
  37. <p>
  38. radius — نصف قطر الكرة. الافتراضي هو 1.<br />
  39. widthSegments — عدد القطاعات الأفقية. القيمة الدنيا هي 3 ، والافتراضي هو
  40. 32.<br />
  41. heightSegments — عدد القطاعات العمودية. القيمة الدنيا هي 2 ، والافتراضي هو
  42. 16.<br />
  43. phiStart — حدد زاوية البدء الأفقية. الافتراضي هو 0.<br />
  44. phiLength — حدد حجم زاوية المسح الأفقية. الافتراضي هو Math.PI *
  45. 2.<br />
  46. thetaStart — حدد زاوية البدء العمودية. الافتراضي هو 0.<br />
  47. thetaLength — حدد حجم زاوية المسح العمودية. الافتراضي هو Math.PI.<br />
  48. </p>
  49. <p>
  50. يتم إنشاء الهندسة عن طريق التمرير وحساب قمم حول المحور Y
  51. (المسح الأفقي) والمحور Z (المسح العمودي). وبالتالي ، يمكن إنشاء كرات ناقصة (شبيهة بـ `'شرائح كروية'`) من خلال استخدام قيم مختلفة من phiStart و phiLength و thetaStart و thetaLength ، لتحديد النقاط التي نبدأ فيها (أو ننهي) حساب تلك
  52. قمم.
  53. </p>
  54. <h2>الخصائص (Properties)</h2>
  55. <p>انظر فئة [page:BufferGeometry] الأساسية للخصائص المشتركة.</p>
  56. <h3>[property:Object parameters]</h3>
  57. <p>
  58. كائن به خاصية لكل من معلمات المُنشئ. أي تعديل بعد التجسيد لا يغير الهندسة.
  59. </p>
  60. <h2>الطرق (Methods)</h2>
  61. <p>انظر فئة [page:BufferGeometry] الأساسية للطرق المشتركة.</p>
  62. <h2>المصدر (Source)</h2>
  63. <p>
  64. [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
  65. </p>
  66. </body>
  67. </html>