CircleGeometry.html 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  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">
  13. [name] est une forme simple de la géométrie euclidienne.
  14. Elle est construite à partir d'un certain nombre de segments triangulaires orientés autour d'un point central et s'étendant jusqu'à un rayon donné.
  15. Elle est construite dans le sens inverse des aiguilles d'une montre à partir d'un angle de départ et d'un angle central donné.
  16. Elle peut également être utilisée pour créer des polygones réguliers, où le nombre de segments détermine le nombre de côtés.
  17. </p>
  18. <iframe id="scene" src="scenes/geometry-browser.html#CircleGeometry"></iframe>
  19. <script>
  20. // iOS iframe auto-resize workaround
  21. if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
  22. const scene = document.getElementById( 'scene' );
  23. scene.style.width = getComputedStyle( scene ).width;
  24. scene.style.height = getComputedStyle( scene ).height;
  25. scene.setAttribute( 'scrolling', 'no' );
  26. }
  27. </script>
  28. <h2>Exemple de code : </h2>
  29. <code>
  30. const geometry = new THREE.CircleGeometry( 5, 32 );
  31. const material = new THREE.MeshBasicMaterial( { color: 0xffff00 } );
  32. const circle = new THREE.Mesh( geometry, material );
  33. scene.add( circle );
  34. </code>
  35. <h2>Constructeur</h2>
  36. <h3>[name]([param:Float radius], [param:Integer segments], [param:Float thetaStart], [param:Float thetaLength])</h3>
  37. <p>
  38. radius — Rayon du cercle, par défaut = 1.<br />
  39. segments — Nombre de segments (triangles), minimum = 3, défaut = 32.<br />
  40. thetaStart — Angle de départ pour le premier segment, par défaut = 0 (position trois heures).<br />
  41. thetaLength — L'angle central, souvent appelé thêta, du secteur circulaire. La valeur par défaut est 2*Pi, ce qui fait un cercle complet.
  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>