Comment construire un pont plein qui rejoint deux cercles au niveau de leurs bords
Pour construire un pont plein entre deux cercles, trouvez les quatre points où leurs deux tangentes communes extérieures touchent les cercles, puis reliez ces points pour former un quadrilatère fermé. Fusionnez ce quadrilatère avec les cercles pour obtenir une silhouette continue, ou soustrayez des copies des cercles pour créer un pont distinct aux extrémités courbes qui épousent leurs bords.
Ce tutoriel utilise Inkscape pour créer un connecteur précis destiné à un personnage stylisé ou à une illustration de jouet virtuel. La construction choisie comporte des côtés supérieur et inférieur droits qui rejoignent les cercles en douceur. Un exemple détaillé fournit des coordonnées exactes, puis une formule que vous pouvez réutiliser pour des cercles de tailles et de positions différentes.
Qu’est-ce qui permet au pont de rejoindre les deux cercles en douceur ?
Un pont peut toucher un cercle sans se raccorder en douceur à son contour. Placer ses sommets n’importe où sur la circonférence assure le contact, mais le côté du pont peut tout de même créer un angle visible. Pour obtenir une transition douce, ce côté doit suivre la tangente au cercle au point de contact.
Pour deux cercles séparés, utilisez la paire de tangentes communes extérieures : les droites qui longent l’extérieur des deux cercles. Chaque point de contact se trouve sur son cercle, et le rayon passant par ce point est perpendiculaire à la tangente. Ce sont les conditions exprimées dans les équations de tangentes cercle-cercle de Wolfram MathWorld.
Les quatre points de contact définissent le quadrilatère de construction. Ses deux côtés longs deviennent les bords visibles du pont ; ses deux côtés de fermeture traversent les cercles. Ces côtés de fermeture disparaissent lorsque les formes sont fusionnées ou que le chevauchement circulaire est supprimé.
Cette construction produit un connecteur à côtés droits. Un connecteur pincé aux courbes rentrantes nécessiterait une conception différente ; les seuls points de tangence ne déterminent pas cette forme.
Que faut-il préparer avant de dessiner ?
Commencez avec deux cercles complets, un remplissage uni et aucun contour. Utilisez la même unité de coordonnées partout. Un contour visible peut masquer la limite que vous cherchez à faire coïncider ; ajoutez donc le contour final après avoir construit la géométrie pleine.
Dans Inkscape, sélectionnez l’outil Ellipse avec E, puis maintenez Ctrl enfoncé pendant le glissement pour créer un cercle. Pour obtenir des dimensions précises, définissez des valeurs Rx et Ry égales dans les contrôles de l’outil. Si un objet est un arc ou un segment, utilisez Rendre l’ellipse complète avant de poursuivre. Ces commandes sont décrites dans le guide Inkscape sur les cercles, les ellipses et les arcs.
Ouvrez Objet → Fond et contour. Définissez un fond uni et sélectionnez la commande en forme de croix Aucune peinture sous Contour. Gardez l’opacité à 100 % pendant l’examen de la construction. Consultez La boîte de dialogue Fond et contour pour ces réglages.
Gardez une copie de réserve des deux cercles d’origine en dehors de la zone de travail. L’opération booléenne finale modifie la construction, et ces originaux faciliteront les ajustements ultérieurs.
Comment construire un pont exact à partir de coordonnées données ?
Utilisez les dimensions illustratives suivantes. Elles créent volontairement un connecteur très effilé, ce qui permet d’examiner facilement la géométrie des points de contact. Les coordonnées sont en pixels, avec x croissant vers la droite et y croissant vers le bas.
| Objet | Centre | Rayon | Boîte englobante |
|---|---|---|---|
| Cercle A | (100, 100) | 70 | x = 30–170 ; y = 30–170 |
| Cercle B | (200, 100) | 10 | x = 190–210 ; y = 90–110 |
Les centres sont distants de 100 unités. La différence entre cette distance et la somme des rayons laisse un écart de 20 unités entre les bords les plus proches des cercles. Le pont doit franchir cet écart tout en se raccordant en douceur aux contours circulaires.
Pour ces cercles, les quatre points de contact des tangentes sont :
| Point | Emplacement | Coordonnées |
|---|---|---|
| A supérieur | Point de contact supérieur sur le cercle A | (142, 44) |
| B supérieur | Point de contact supérieur sur le cercle B | (206, 92) |
| B inférieur | Point de contact inférieur sur le cercle B | (206, 108) |
| A inférieur | Point de contact inférieur sur le cercle A | (142, 156) |
Sélectionnez l’outil Bézier/Plume et créez un tracé à quatre sommets dans l’ordre indiqué dans le tableau. Cliquez sur chaque sommet sans faire glisser, puis cliquez sur le point de départ pour fermer le tracé. Appliquez-lui le même remplissage uni que celui des cercles et supprimez son contour.
Pour un positionnement précis, dessinez d’abord le quadrilatère approximativement. Passez à l’outil Nœuds avec N, sélectionnez un nœud à la fois et saisissez ses coordonnées x et y dans les contrôles de l’outil. Définissez l’unité de coordonnées en pixels. Inkscape décrit ces champs numériques dans Options de l’outil Nœuds.
Suivez le périmètre pour relier les points : A supérieur → B supérieur → B inférieur → A inférieur → fermeture. Les relier en diagonale crée un tracé croisé au lieu du pont plein souhaité.
Ces coordonnées d’exemple ont été vérifiées par un calcul déterministe : chaque point de contact se trouve à la bonne distance du centre de son cercle, et chaque côté long du pont est perpendiculaire aux rayons correspondants aux points de contact.
Faut-il fusionner le pont ou le garder séparé ?
Choisissez la structure finale en fonction de la façon dont vous souhaitez modifier ou colorier le personnage.
| Résultat souhaité | Construction |
|---|---|
| Une silhouette continue d’une seule couleur | Réunir les deux cercles et le quadrilatère |
| Un pont coloré séparément, qui s’arrête aux cercles | Soustraire des copies des cercles du quadrilatère |
| Une construction modifiable pour des ajustements ultérieurs | Conserver les cercles et le quadrilatère d’origine avant l’une ou l’autre opération |
Pour obtenir une silhouette unique, sélectionnez les deux cercles et le quadrilatère, puis choisissez Chemin → Union. Pour créer un pont séparé, dupliquez les cercles, réunissez ces duplicatas en un seul objet qui servira de forme soustractive et placez cet objet au-dessus du quadrilatère. Sélectionnez la forme soustractive et le quadrilatère, puis choisissez Chemin → Différence. Gardez les cercles d’origine hors de cette sélection.
La différence supprime les zones circulaires qui se chevauchent et laisse des extrémités de pont courbes qui épousent les bords des cercles qui se font face. L’union conserve le contour plein général. Ces opérations et l’importance de l’ordre d’empilement sont expliquées dans le guide d’Inkscape sur les opérations booléennes.
Les côtés de fermeture droits du quadrilatère sont des arêtes de construction. Si le quadrilatère non découpé reste visible dans une autre couleur, ses cordes apparaissent à l’intérieur des cercles. Utilisez la méthode par soustraction lorsque le pont doit avoir sa propre couleur et se terminer précisément sur leurs circonférences.
Comment calculer les points de contact pour d’autres cercles ?
La formule suivante est un outil d’aide à la décision dérivé des conditions de longueur des rayons et de perpendicularité des équations de tangentes de MathWorld. Elle fonctionne pour des cercles placés dans n’importe quelle position ; il n’est donc pas nécessaire qu’ils soient alignés horizontalement.
Soient les centres A = (ax, ay) et B = (bx, by), de rayons positifs rA et rB. Calculez d’abord la distance entre les centres et un vecteur unitaire orienté de A vers B :
d = sqrt((bx − ax)² + (by − ay)²)
u = (ux, uy) = ((bx − ax) / d, (by − ay) / d)
Construisez un vecteur unitaire perpendiculaire v = (−uy, ux). Calculez ensuite :
q = (rA − rB) / d
s = sqrt(1 − q²)
n₁ = q·u + s·v
n₂ = q·u − s·v
La multiplication vectorielle consiste ici à multiplier chaque composante par le scalaire. Chaque vecteur n pointe d’un centre vers un point de contact avec la tangente. Les quatre points sont :
- A₁ = A + rA·n₁
- B₁ = B + rB·n₁
- A₂ = A + rA·n₂
- B₂ = B + rB·n₂
Tracez le périmètre A₁ → B₁ → B₂ → A₂ → fermeture. Selon la disposition des cercles et l’orientation des coordonnées, l’une ou l’autre normale peut correspondre au côté supérieur.
Dans l’exemple détaillé, u = (1, 0), q = 0.6 et s = 0.8. Les deux normales sont (0.6, 0.8) et (0.6, −0.8). Multipliez-les par chaque rayon, puis ajoutez le centre correspondant pour obtenir les quatre coordonnées indiquées plus haut.
La construction découle directement de ces vecteurs : chaque normale a une longueur de un, ce qui place son point de contact sur le cercle. Son produit scalaire avec le segment reliant les points de contact correspondants est nul, ce qui établit la tangence. Pour des rayons égaux, q = 0 ; les côtés du pont sont alors parallèles à la droite qui relie les centres.
Dans quels cas faut-il ajuster cette construction ?
Pour le cas de cercles séparés, il faut d > rA + rB. Cela crée un véritable espace à combler par le pont. Si les cercles se chevauchent déjà, il peut rester utile de les réunir, mais il s’agit alors d’un problème de forme différent.
La formule elle-même exige d > |rA − rB| pour obtenir deux côtés tangents extérieurs distincts. À l’égalité, la construction par tangentes s’effondre. En dessous de ce seuil, un cercle se trouve à l’intérieur de l’autre et la racine carrée n’a pas de valeur réelle. Des centres confondus rendent également le calcul du vecteur unitaire indéfini. Ces limites découlent de la formule ci-dessus.
Recalculez les points de contact chaque fois que vous déplacez ou redimensionnez l’un des cercles. Repositionner un sommet du pont à l’œil peut préserver le contact tout en faisant perdre la tangence. De même, étirer un cercle pour en faire une ellipse modifie la géométrie ; cette formule spécifique aux cercles ne s’applique alors plus.
Comment vérifier le raccordement final ?
Examinez le résultat à la fois en gros plan et à la taille prévue pour l’affichage. Suivez les étapes ci-dessous pour déterminer l’origine d’un défaut visible :
- Vérifiez le remplissage. Assurez-vous que le quadrilatère est fermé, rempli et dépourvu de segments croisés.
- Vérifiez la géométrie des cercles. Confirmez les centres, les rayons et les unités de coordonnées à partir du calcul.
- Vérifiez les quatre points de contact. Corrigez les coordonnées des nœuds avant de modifier les poignées de courbe.
- Vérifiez la structure finale. Assurez-vous que l’union ou la différence a produit la silhouette ou le pont séparé souhaité.
- Vérifiez le contour. Ajoutez un contour à la silhouette finale si le dessin en prévoit un ; examinez les éléments avec contour séparé pour repérer d’éventuelles limites internes indésirables.
Pour une vérification numérique, mesurez la distance entre chaque point de contact et son centre : elle doit être égale au rayon du cercle correspondant. Vérifiez ensuite que chaque côté visible du pont est perpendiculaire aux rayons passant par ses points de contact. Ces vérifications permettent de distinguer un raccordement précis d’un raccordement qui semble simplement aligné.
Une fois les points de contact corrects, il ne reste qu’à choisir l’organisation de l’illustration : une silhouette unifiée ou plusieurs formes pleines distinctes. Conservez les cercles d’origine et les points calculés pour pouvoir reconstruire le même pont ajusté aux bords chaque fois que les proportions du personnage changent.