1
0

SphereGeometry.html 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. <!DOCTYPE html>
  2. <html lang="fr">
  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. [page:BufferGeometry] &rarr;
  11. <h1>[name]</h1>
  12. <p class="desc">Une classe pour générer des géométries de sphère.</p>
  13. <iframe id="scene" src="scenes/geometry-browser.html#SphereGeometry"></iframe>
  14. <script>
  15. // iOS iframe auto-resize workaround
  16. if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
  17. const scene = document.getElementById( 'scene' );
  18. scene.style.width = getComputedStyle( scene ).width;
  19. scene.style.height = getComputedStyle( scene ).height;
  20. scene.setAttribute( 'scrolling', 'no' );
  21. }
  22. </script>
  23. <h2>Exemple de code : </h2>
  24. <code>const geometry = new THREE.SphereGeometry( 15, 32, 16 );
  25. const material = new THREE.MeshBasicMaterial( { color: 0xffff00 } );
  26. const sphere = new THREE.Mesh( geometry, material );
  27. scene.add( sphere );
  28. </code>
  29. <h2>Constructeur</h2>
  30. <h3>[name]([param:Float radius], [param:Integer widthSegments], [param:Integer heightSegments], [param:Float phiStart], [param:Float phiLength], [param:Float thetaStart], [param:Float thetaLength])</h3>
  31. <p>
  32. radius — Rayon de la sphère. La valeur par défaut est 1.<br />
  33. widthSegments — Nombre de segments horizontaux. La valeur minimale est 3 et la valeur par défaut est 32.<br />
  34. heightSegments — Nombre de segments verticaux. La valeur minimale est 2 et la valeur par défaut est 16.<br />
  35. phiStart — Spécifie l'angle de départ horizontal. La valeur par défaut est 0.<br />
  36. phiLength — Spécifie la taille de l'angle de balayage horizontal. La valeur par défaut est Math.PI * 2. <br />
  37. thetaStart — Spécifie l'angle de départ vertical. La valeur par défaut est 0.<br />
  38. thetaLength — Spécifie la taille de l'angle de balayage vertical. La valeur par défaut est Math.PI.<br />
  39. </p>
  40. <p>
  41. La géométrie est créée en balayant et en calculant les sommets autour de l'axe Y (balayage horizontal) et de l'axe Z (balayage vertical). Ainsi, des sphères incomplètes (semblables à des `'tranches de sphère'`) peuvent être créées en utilisant différentes valeurs de phiStart, phiLength, thetaStart et thetaLength, afin de définir les points auxquels nous commençons (ou terminons) le calcul de ces sommets.
  42. </p>
  43. <h2>Propriétés</h2>
  44. <p>Voir la classe de base [page:BufferGeometry] pour les propriétés communes.</p>
  45. <h3>[property:Object parameters]</h3>
  46. <p>
  47. Un objet avec une propriété pour chacun des paramètres du constructeur. Toute modification après instanciation ne change pas la géométrie.
  48. </p>
  49. <h2>Méthodes</h2>
  50. <p>Voir la classe de base [page:BufferGeometry] pour les méthodes communes.</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>