Skip to main content

Calculateur de courbe de Bézier

Quick answer

Évaluez les courbes de Bézier quadratiques/cubiques par les polynômes de Bernstein.

  • Exemple : t = 0,5 avec P₀=(0,0), P₃=(2,0) → (1 ; 1,5).

Figures are estimates from this calculator’s standard formula — adjust the inputs in the tool below for your exact number.

Comment fonctionne le calculateur de courbe de Bézier

B(t) = (1-t)²P0 + 2(1-t)tP1 + t²P2 (Quadratique)

Calculez des points le long des courbes de Bézier à l'aide de points de contrôle. Le paramètre t va de 0 (début) à 1 (fin) et détermine la position le long de la courbe. Exemple résolu : avec P₀ = (0, 0), P₁ = (0, 2), P₂ = (2, 2), P₃ = (2, 0), t = 0,5 donne B = 0,125·P₀ + 0,375·P₁ + 0,375·P₂ + 0,125·P₃ = (1 ; 1,5). Exemple résolu : avec P₀ = (0, 0), P₁ = (0, 2), P₂ = (2, 2), P₃ = (2, 0), t = 0,5 donne B = 0,125·P₀ + 0,375·P₁ + 0,375·P₂ + 0,125·P₃ = (1 ; 1,5). Exemple résolu : avec P₀ = (0, 0), P₁ = (0, 2), P₂ = (2, 2), P₃ = (2, 0), t = 0,5 donne B = 0,125·P₀ + 0,375·P₁ + 0,375·P₂ + 0,125·P₃ = (1 ; 1,5). Exemple résolu : avec P₀ = (0, 0), P₁ = (0, 2), P₂ = (2, 2), P₃ = (2, 0), t = 0,5 donne B = 0,125·P₀ + 0,375·P₁ + 0,375·P₂ + 0,125·P₃ = (1 ; 1,5). Exemple résolu : avec P₀ = (0, 0), P₁ = (0, 2), P₂ = (2, 2), P₃ = (2, 0), t = 0,5 donne B = 0,125·P₀ + 0,375·P₁ + 0,375·P₂ + 0,125·P₃ = (1 ; 1,5).

  1. 1

    Étape 1

    Sélectionnez le type de courbe (quadratique ou cubique)

  2. 2

    Étape 2

    Entrez les coordonnées du point de contrôle

  3. 3

    Étape 3

    Définir la valeur t du paramètre (0 à 1)

  4. 4

    Étape 4

    Afficher le point calculé sur la courbe

Cas d'usage

Conception de graphiques vectoriels (Adobe Illustrator, Figma)

Création de chemin d'animation

Conception de polices et typographie

Transitions CSS et fonctions d'assouplissement

Conseils

  • 1

    t=0 donne le point de départ P0 et t=1 donne le point d'arrivée

  • 2

    Une courbe quadratique a besoin de 3 points et une cubique a besoin de 4 points

  • 3

    Les points de contrôle définissent la forme de la courbe mais la courbe ne les traverse pas nécessairement

  • 4

    Les courbes de Bézier constituent la base des fichiers SVG et des polices TrueType

  • 5

    Plusieurs courbes de Bézier peuvent être connectées pour créer des formes complexes

Erreurs fréquentes

  • Saisie d'une valeur t en dehors de la plage 0-1

  • Confondre les points de contrôle avec les points de passage

  • Ne pas comprendre que la courbe ne passe pas par les points de contrôle intermédiaires

  • Utiliser une courbe quadratique pour les formes nécessitant plus de flexibilité

FAQ

Quelle est la différence entre les courbes de Bézier quadratiques et cubiques ?

Quadratic utilise 3 points de contrôle (degré 2) et donne une courbe simple. Cubic utilise 4 points (degré 3) et offre plus de contrôle sur la forme de la courbe.

Que représente le paramètre t ?

t est un paramètre allant de 0 à 1. À t=0 vous êtes au point de départ, à t=1 au point final. Les valeurs intermédiaires donnent des points le long de la courbe.

La courbe passe-t-elle par les points de contrôle ?

Il ne passe que par les points de départ et d'arrivée (P0 et P2/P3). Les points de contrôle du milieu définissent la direction de la courbe mais celle-ci ne les traverse pas.

Où sont utilisées les courbes de Bézier ?

Dans les logiciels de conception (Illustrator, Figma), les polices numériques (TrueType, OpenType), les fichiers d'images vectorielles (SVG) et les animations (transitions CSS).

Comment créer une courbe de Bézier lisse connectée à une autre courbe ?

Pour assurer une bonne continuité, le dernier point de contrôle de la première courbe et le premier point de contrôle de la seconde doivent être colinéaires au point de connexion.