3D 그래프 계산기

3D 그래프 계산기는 궤도 조작, 축 라벨, 바닥 격자가 있는 WebGL 장면에서 곡면 z = f(x, y)를 그립니다. 여러 곡면을 색과 표시 전환과 함께 식 목록에 둘 수 있고, 모션 감소 설정은 자동 회전을 끕니다.

곡면을 온라인으로 3D 그래프하기

3D 그래프 계산기는 두 변수의 함수를 메시로 샘플링해 상자형 장면에 음영을 입힙니다. 축은 X, Y, Z 방향을 표시하고, 바닥면에 격자가 있어 높이가 안정된 바닥을 기준으로 읽힙니다. 궤도 조작으로 원점 주위에서 카메라를 회전·이동·확대합니다.

메시 재구성은 스로틀되어 식 목록에 타이핑할 때마다 프레임 루프가 멈추지 않습니다.

두 변수의 함수 그리기

곡면을 x와 y의 식 z = expression으로 입력하세요. 샘플 z = x^2+y^2는 위로 열린 포물면 그릇을 만듭니다. 샘플 z = sin(x)*cos(y)는 계란판 파동을 만듭니다. 엔진은 공유 mathcore로 평가하므로, 2D 그래프 계산기와 같은 함수 어휘가 곡면 본문 안에서 적용됩니다.

숨긴 곡면은 다시 보일 때까지 메시를 건너뛰어, 두 공식을 비교하는 동안 장면을 가볍게 유지합니다.

3D 보기 회전, 확대, 이동하기

끌어 궤도를 돌리고, 스크롤로 확대하며, 포인터 제스처가 허용하면 제어 대상으로 이동합니다. 보기 초기화는 원점을 바라보는 기본 모서리 위치로 카메라를 되돌립니다. 부드러운 궤도가 상호작용의 합격 기준이며, 렌더러는 명시적 OrbitControls와 함께 Three.js r128을 씁니다.

회전 전환은 자동 회전을 켜거나 끕니다. 브라우저가 모션 감소를 요청하면 자동 회전은 꺼진 상태로 시작합니다.

여러 곡면 그래프하기

식 목록은 색 견본과 숨기기 컨트롤이 있는 번호 곡면을 담습니다. 두 번째 곡면은 브랜드에서 파생된 다른 색을 써서 같은 장면에서 두 공식이 구분됩니다. 표시 전환은 식을 지우지 않고 메시만 제거해, 검사 중 한 곡면을 분리하는 데 도움이 됩니다.

캔버스 옆의 대체 텍스트는 스크린 리더 사용자를 위해 어떤 곡면이 샘플링되는지 요약합니다.

2D와 3D 보기 전환하기

평면 그래프가 필요하면 y = f(x)와 음함수 곡선을 위해 그래프 계산기를 열 수 있습니다. 3D 도구는 z = f(x, y) 메시에 초점을 둡니다. 보기 초기화와 회전 컨트롤은 3D 도구 모음에 남아, 탐색 뒤에도 카메라 상태를 되돌릴 수 있습니다.

페이지 아래 교차 링크는 평면 도형과 곡면을 아우르는 문제에서 2D 그래프 계산기와 기하 도구로 돌아갑니다.

자주 묻는 질문

요약

3D 그래프 계산기는 Three.js r128, OrbitControls, 스로틀된 메시 재구성으로 z = f(x, y)를 렌더링합니다. 평면 곡선의 2D 그래프 계산기, 작도의 기하 도구와 함께 수학 도구 세트를 완성합니다.