Calculatrice graphique 3D en ligne : Surfaces, courbes paramétriques et nuages (WebGL)
Un traceur 3D interactif propulsé par WebGL (three.js). Représentez des surfaces z=f(x,y) avec une résolution ajustable, des courbes paramétriques spatiales ou des nuages de points 3D — en ajoutant les points un par un ou en les collant en lot. Tournez, zoomez et panoramiquez avec OrbitControls, réinitialisez la vue et copiez les points du nuage, le tout fonctionnant localement dans votre navigateur.
Guide de la calculatrice graphique 3D
Surfaces, courbes paramétriques et nuages de points en WebGL
La calculatrice graphique 3D affiche trois types d’objets dans une zone WebGL interactive : des surfaces z = f(x, y), des courbes paramétriques spatiales (x(t), y(t), z(t)) et des nuages de points. Basculez entre les modes, saisissez les expressions ou points, et orbitez autour de la scène à la souris ou au tactile pour inspecter la forme sous tous les angles.
01 Choisir un mode
En mode Surface, saisissez z en fonction de x et y (par exemple sin(sqrt(x^2 + y^2))) et définissez les plages x et y ; la résolution contrôle la densité du maillage. En mode Paramétrique, saisissez x(t), y(t) et z(t) en fonction d’un paramètre t sur [tmin, tmax] ; échantillons contrôle le nombre de points définissant la courbe. En mode Nuage de points, ajoutez des points (x, y, z) individuels en saisissant les coordonnées et en cliquant sur + ; utilisez Effacer pour supprimer tous les points et × pour en supprimer un.
Cliquez et faites glisser pour faire tourner la caméra, utilisez la molette pour zoomer, et le glissé droit (ou à deux doigts) pour panoramiquer. La vue s’affiche dans votre navigateur via WebGL et est enveloppée dans ClientOnly afin de ne pas affecter le rendu serveur.
- Surface : z = f(x,y), échantillonnée sur une grille rectangulaire
- Paramétrique : une courbe tracée lorsque t varie dans [tmin, tmax]
- Nuage de points : un ensemble discret de points (x, y, z)
- Une résolution/des échantillons plus élevés donnent des résultats plus lisses au prix de la performance
Bascule de mode
- SurfaceTracer z = f(x, y) sur une grille.
- ParamétriqueTracer une courbe paramétrique x(t), y(t), z(t).
- Nuage de pointsTracer des points 3D individuels.
Commandes de surface
- z = f(x, y)Expression de la hauteur en fonction de x et y.
- plage x / yDéfinit le domaine rectangulaire échantillonné pour la surface.
- résolutionDensité du maillage (24–64) ; plus élevé est plus lisse mais plus lent.
Commandes paramétriques
- x(t) / y(t) / z(t)Trois expressions définissant la courbe sur le paramètre t.
- tmin / tmaxPlage du paramètre t.
- échantillonsNombre de points le long de la courbe (100–2000).
Commandes de nuage de points
- champs x / y / zCoordonnées d’un nouveau point.
- +Ajoute le point saisi au nuage.
- EffacerSupprime tous les points (et efface aussi la zone de texte en lot).
- × (sur un point)Supprime ce point unique.
- bulk text boxCollez ou saisissez plusieurs points à la fois, un par ligne sous la forme x, y, z séparés par des virgules ou espaces.
- ApplyAnalyse la zone de texte en lot et remplace le nuage de points.
- CopyCopie tous les points sous forme de lignes x, y, z à coller ailleurs.
Zone d’affichage
- glisserOrbiter/tourner la scène 3D.
- moletteZoomer et dézoomer la caméra.
- glissé droitDéplacer la caméra.
- reset viewBouton sur le canevas qui restaure la caméra après rotation, déplacement ou zoom.
- Baissez la résolution pendant vos essais, puis augmentez-la pour un rendu final.
- Les courbes paramétriques sont idéales pour les hélices, orbites et trajectoires.
- Si une surface paraît irrégulière, augmentez la résolution ou réduisez les plages x/y.
- WebGL doit être activé dans votre navigateur pour que la vue 3D apparaisse.
Une calculatrice graphique 3D en ligne gratuite. Affichez des surfaces z = f(x,y), dessinez des courbes paramétriques x(t)/y(t)/z(t), et tracez des nuages de points, le tout interactivement en WebGL avec commandes orbitales. Choisissez la résolution et les plages de paramètres, tournez et zoomez dans le navigateur. three.js est fourni, sans plug-in ni envoi de données.
Tracés de surfaces
Saisissez z comme une fonction de x et y, telle que sin(sqrt(x^2+y^2)) ou x^2-y^2, et choisissez le domaine x/y et la résolution du maillage. La surface s’affiche en WebGL avec éclairage ; augmentez la résolution pour un maillage plus lisse au prix de la performance.
Courbes paramétriques et nuages
Pour les courbes paramétriques, saisissez x(t), y(t), z(t) et un intervalle de t pour dessiner des nœuds, des hélices et des trajectoires. Pour les nuages de points, saisissez des listes de coordonnées x, y, z afin de visualiser des nuages. Changez de type d’objet depuis le panneau ; chacun est indépendant.
Navigation et performance
Glissez pour tourner, utilisez la molette pour zoomer et glissez avec le bouton droit (ou à deux doigts) pour panoramiquer à l’aide des commandes orbitales ; le bouton de réinitialisation ramène la vue par défaut. Le moteur three.js n’est chargé qu’à l’ouverture de cet outil, afin de préserver la rapidité de la page initiale. WebGL doit être disponible dans votre navigateur.
FAQ
QQue puis-je tracer en 3D ?
Des surfaces z=f(x,y), des courbes paramétriques x(t)/y(t)/z(t) et des nuages de points à partir de listes de coordonnées x/y/z.
QDois-je installer quoi que ce soit ?
Non. three.js est fourni avec le site et la 3D utilise WebGL intégré aux navigateurs modernes — aucun plug-in ni application requis.
QPuis-je tourner et zoomer la vue ?
Oui — glissez pour tourner, molette pour zoomer, clic droit ou deux doigts pour panoramiquer, et utilisez réinitialiser pour revenir à la caméra par défaut.
QPourquoi la surface est-elle cubique à haute résolution ?
Une résolution de maillage plus élevée donne des surfaces plus lisses mais davantage de triangles à afficher. Baissez la résolution si votre appareil est lent ; la performance WebGL dépend de votre GPU.