🏔️ 3D overflateplott

Et overflateplott visualiserer en funksjon av to variabler, z = f(x, y), som et høydefelt: for hvert punkt på det flate x/y-planen gir funksjonen en høyde z, og når disse høydene kobles sammen, dannes et jevnt nett som svever i 3D. Farge brukes vanligvis til å kode høyde, slik at topper og daler skiller seg tydelig ut. Dette er den naturlige måten å illustrere ting som terreng, temperatur over en plate eller formen på en matematisk sal.

Verktøyet beregner et rutenett av punkter (opptil 40×40) ved å evaluere funksjonen din over domenet, roterer dem med to vinkler du styrer, projiserer de roterte punktene til 2D med en enkel isometrisk projeksjon, og sorterer flatene bakfra og fram, slik at de nærmeste dekker de fjerneste - den klassiske maleralgoritmen. Alt tegnes med vanlig HTML canvas: det finnes ingen WebGL og ingen three.js, noe som holder verktøyet lite og uten avhengigheter.

En tilpasset parser med hviteliste leser formelen din - det finnes ingen JavaScript eval - så bare de oppførte funksjonene (sin, cos, tan, sqrt, abs, exp, log, pow), konstantene pi og e, og de to variablene x og y godtas. Alt annet avvises før det kjøres. Gode startpunkter er forhåndsinnstillingene, som sin(x)*cos(y) for et bølgende felt eller x^2 - y^2 for en klassisk sal.