Nous voulons créer un jeu de voitures en 3D en WebGL.  Nous avons donc commencé par créer un éditeur de circuits.

Créé en html5 et php, ce logiciel permet à l’utilisateur d’importer une image de fond (vue aérienne ou tracé d’un circuit connu) puis d’en créer une représentation 3D sous la forme d’un fichier ply (stanford).

Voici un exemple du résultat [circuit de Dijon] L’essentiel de la procédure consiste à définir des courbes de Bézier qui représenteront le bord du circuit. On peut alors éditer les points de contrôle de chaque courbe par simple clic/glisser. On dispose à tout moment de la touche ‘u’ pour revenir en arrière.

On peut ensuite calculer le maillage et l’exporter en ply, comme présenté dans la vidéo ci-dessous :