Visualiseur géométrique interactif

résumé

Application canvas interactive pour créer et manipuler des formes géométriques avec une grille cartésienne.

invite

Créez une application de visualisation interactive sur canvas qui permet aux utilisateurs de construire des formes géométriques telles que des lignes, des cercles et des carrés. Assurez-vous que les sommets et les rayons soient visibles et permettez la création de segments de ligne. Implémentez une grille cartésienne pour un alignement précis. Les utilisateurs doivent pouvoir supprimer et déplacer des éléments, et de nouveaux points doivent apparaître automatiquement aux intersections avec des noms uniques.

## Fonctionnalités
- Utilisez le canvas pour dessiner et interagir.
- Formes incluant lignes, cercles, et carrés avec sommets et rayons visibles.
- Affichage d'une grille cartésienne pour précision et clarté.
- Ajout et déplacement de points et formes par un simple glisser-déposer.
- Affichage des noms des points et des coordonnées au survol.
- Possibilité de supprimer des éléments et de créer automatiquement de nouveaux points aux intersections.

## Interaction Utilisateur
- Cliquez sur le canvas pour créer des points et des formes.
- Glissez-déposez pour repositionner les éléments.
- Survolez les points pour voir leurs noms et coordonnées.

## Implémentation
- Structurez l'application pour une utilisation intuitive et une visibilité claire des fonctionnalités.
- Assurez une interaction utilisateur fluide et réactive.
- Utilisez les meilleures pratiques pour créer une interface homogène et conviviale.

invite originale

Создай визуализацию на канвасе возможности постройки прямой, окружности, квадрата, чтобы видно было вершины, лучи чтобы можно было делать. отрезки, И чтобы сетка была декартова чтобы все по сетке мелкой делалось. чтобы удалять можно было и чтобы новые ставить на пересечении появлялись новые точки с новыми названиями итд

Q: Как пользователь должен взаимодействовать с фигурами на холсте?
A: Клик для создания, перетаскивание для перемещения

Q: Какую информацию нужно отображать для точек и фигур?
A: Точки с именами, координаты при наведении

récapitulatif du coût de génération

nom du modèle: claude-3-7-sonnet-latest

temps de réponse: 173.66 sec.

jetons de résultat: 15,610

coût: $0.23615700