3D-графический калькулятор

Калькулятор 3D-графики отображает поверхности z = f(x, y) в сцене WebGL с элементами управления орбитой, помеченными осями и наземной сеткой. Несколько поверхностей могут находиться в списке выражений с переключателями цвета и видимости, а настройки ограниченного движения отключают автоматическое вращение.

Поверхности графика в 3D онлайн

Калькулятор 3D-графики выбирает функцию двух переменных на сетке и затемняет ее в упакованной сцене. Оси отмечают направления X, Y и Z, а сетка расположена на плоскости земли, поэтому высота определяется по устойчивому полу. Элементы управления орбитой вращают, панорамируют и масштабируют камеру вокруг начала координат.

Перестроение сетки регулируется, поэтому ввод списка выражений не останавливает цикл кадров при каждом нажатии клавиши.

Постройте функцию двух переменных

Введите поверхность как z = выражение по x и y. Образцы z = x^2+y^2 образуют восходящую параболоидную чашу. Выборки z = sin(x)*cos(y) создают волну яичного картона. Движок выполняет вычисления с помощью общего математического ядра, поэтому внутри поверхностного тела применяется тот же словарь функций, что и в калькуляторе 2D-графики.

Скрытые поверхности пропускают создание сетки до тех пор, пока не будут показаны снова, что позволяет сохранить освещенность сцены при сравнении двух формул.

Поворот, масштабирование и панорамирование 3D-изображения

Перетащите на орбиту, прокрутите для увеличения и используйте цель элемента управления для панорамирования, когда это позволяет жест указателя. Сброс вида возвращает камеру в угловое положение по умолчанию, смотрящее на начало координат. Гладкая орбита , это планка принятия взаимодействия; средство визуализации использует Three.js r128 с явными элементами управления OrbitControls.

Переключение вращения включает или выключает автоматическое вращение. Когда браузер запрашивает уменьшение движения, запускается автоматическое вращение.

Построение графиков нескольких поверхностей

Список выражений содержит пронумерованные поверхности с образцами и элементами управления скрытием. Вторая поверхность использует особый цвет, полученный от бренда, поэтому две формулы остаются отдельными в одной сцене. Переключатели видимости удаляют сетку, не удаляя ее выражение, что помогает изолировать одну поверхность во время проверки.

Замещающий текст рядом с холстом суммирует, какие поверхности выбираются для пользователей программ чтения с экрана.

Переключение между 2D и 3D видами

Читатели, которым нужен плоский график, могут открыть графический калькулятор для y = f(x) и неявных кривых. 3D-инструмент фокусируется на сетках z = f(x, y). Элементы управления сбросом вида и вращения остаются на панели инструментов 3D, поэтому состояние камеры можно восстановить после исследования.

Перекрестные ссылки под страницей ведут обратно к калькулятору 2D-графики и инструменту геометрии, когда проблема касается плоских фигур и поверхностей.

Часто задаваемые вопросы

Краткое содержание

Калькулятор 3D-графики визуализирует z = f(x, y) с помощью Three.js r128, OrbitControls и регулируемой перестройки сетки. Он дополняет набор математических инструментов наряду с калькулятором 2D-графики для плоских кривых и инструментом геометрии для построений.