WebGL 3D 큐브

문제 설명

WebGL을 사용하여 회전하는 3D 큐브를 렌더링하세요.

요구사항

• 정점(Vertex) 및 인덱스 버퍼 설정
• 버텍스/프래그먼트 셰이더 작성
• Model-View-Projection 행렬 적용
• 자동 회전 애니메이션
• 마우스 드래그로 회전 제어
• 각 면 다른 색상

좌표계

큐브 정점 (중심이 원점, 한 변 길이 2):
(-1, -1, -1), (1, -1, -1), (1, 1, -1), (-1, 1, -1)
(-1, -1, 1), (1, -1, 1), (1, 1, 1), (-1, 1, 1)

행렬 변환

• Model: 회전 행렬
• View: 카메라 위치
• Projection: 원근 투영

평가 기준

• 3D 렌더링 정확성
• 애니메이션 부드러움
• 인터랙션 반응성