🏔️ Tracciatore di superfici 3D

Un grafico di superficie visualizza una funzione di due variabili, z = f(x, y), come un campo di altezze: per ogni punto del piano x/y la funzione restituisce un'altezza z, e collegando queste altezze si ottiene una mesh continua sospesa nello spazio 3D. Di solito il colore codifica l'altezza, così picchi e valli risaltano subito. È il modo naturale per rappresentare cose come il terreno, la temperatura su una piastra o la forma di una sella matematica.

Lo strumento calcola una griglia di punti (fino a 40×40) valutando la tua funzione su tutto il dominio, poi li ruota usando due angoli che controlli, li proietta in 2D con una semplice proiezione isometrica e ordina le facce dal fondo in avanti, così quelle più vicine coprono quelle più lontane: il classico algoritmo del pittore. Tutto viene disegnato con il normale canvas HTML: non c'è WebGL né three.js, quindi lo strumento resta leggero e senza dipendenze.

Un parser con whitelist legge la tua formula — non viene usato JavaScript eval — quindi accetta solo le funzioni elencate (sin, cos, tan, sqrt, abs, exp, log, pow), le costanti pi ed e e le due variabili x e y. Tutto il resto viene rifiutato prima dell'esecuzione. Buoni punti di partenza sono i preset, come sin(x)*cos(y) per un campo d'onda ondulante o x^2 - y^2 per una sella classica.