Discussion :

[Gaulouis]

Bonjour,

Je souhaite projeter une courbe de Bezier de 3 dimension (x,y,z)

J'ai essayé de projeter les points de contrôles pour dessiner ensuite la courbe en 2D mais j’obtiens des distorsion.

Savez vous comment déterminer les points de contrôles de la projection d'une courbe de Bezier en 3D ?

J'ai fais une petite vidéo pour illustrer la "distorsion" de la courbe verte

Je cherche donc à déterminer les point de contrôles qui me permettront d'obtenir la courbe rouge.

D'avance, merci de votre aide

[LittleWhite]

Bonjour,

Il n'y aucune raison que la formule ne fonctionne pas, sachant que ce n'est qu'une interpolation (non linéaire certes). Êtes vous sur que vos quatres points (points de départ/fin + point de contrôle) n'ont pas du tout été décalé à cause de la transformation ?

[Gaulouis]

Je suis sur que mes points de contrôles sont juste par ce que ce sont les même points.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
	context.strokeStyle = "#000000";// triangle
	context.beginPath();
	context.moveTo(vec1.data[0], vec1.data[1]);
	context.lineTo(vec2.data[0], vec2.data[1]);
	context.lineTo(vec3.data[0], vec3.data[1]);
	context.stroke();
 
	context.strokeStyle = "#00FF00";// courbe
	context.beginPath();
	context.moveTo(vec1.data[0], vec1.data[1]);
	context.quadraticCurveTo(vec2.data[0], vec2.data[1], vec3.data[0], vec3.data[1]);
	context.stroke();

Je suis également sûr que la courbe rouge (segmentation) est juste car sont sommet est au centre du triangle.

PS: J'vais faire un essai avec une bezier cubic au lieu d'un quadratic

[LittleWhite]

Sachant que le triangle n'est plus équilatéral, cela me semble assez logique comme résultat. Enfin, j'ai vraiment du mal à voir s'il y a vraiment un soucis ou non. Pourquoi le Bezier devrait être pareil que la courbe rouge ?

[Gaulouis]

Tout d'abord, merci LittleWhite pour l’intérêt que tu porte a mon problème

Je voudrais afficher une courbe (quadratique) de Bezier en 3D avec une perspective.

• 1er technique segmenter la courbe en plusieurs lignes (polyline) : c'est ma courbe rouge
• 2eme technique projeter les points de contrôles : c'est ma courbe verte.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

Pourquoi le Bezier devrait être pareil que la courbe rouge ?

C'est une hypothèse que j'ai posé (d'après les sources de Five3D : function curveToSpace()). Après avoir essayé je me rend compte que l'hypothèse est fausse même approximativement (la distorsion est encore plus flagrante quand que je fais pivoter la courbe de haut en bas)

Je cherche une méthode pour déterminer la courbe de Bezier Bxy'(t), la projeté de la courbe de Bezier Bxyz(t) en 3D sur un plan 2D, définie par des point de contrôles.
En plus, je dois conserver la continuité(la tangente aux points de contrôle) car le but est d'afficher des polices de caractère en 3D.

Je ne trouve rien sur internet à ce sujet. Tout le monde parle de courbe Nurbs en 3D (Je dois faire fausse route, ou alors je suis pionnier). Mon but est d'afficher du texte en 3D dans un Canvas HTML(je dois utiliser des courbes cubic et quadrtic). Pour ça j'ai décider de pré-calculer les chemins vectoriel des police selon plusieurs angle/perspective et ainsi avoir une table de font en perspective (pour des raison de performance, mais j'essayerai quand même les calcule a la volé).

Bref, je cherche une méthode pour déterminer les points de contrôles

Cordialement,

Edit:
Je vais essayer de convertir ma courbe quadratique de Bezier 3D en courbe cubique de Bezier 2D, le problème c'est que je n'ai pas la conviction que le point à t=0.5 soit aussi a t'=0.5 sur ma nouvelle courbe on verra bien )

[LittleWhite]

Comment est réalisée la projection ?
Vous n'avez pas les points de contrôle de votre courbe ?

J'avoue avoir du mal à vous suivre.