3D 루빅스 큐브 앱

단일 HTML 파일에 Three.js를 사용하여 완전하고 상호작용 가능한 3D 루빅스 큐브를 만듭니다. 기능 설명 사용자가 회전, 섞기, 그리고 풀 수 있는 완전한 기능의 3D 루빅스 큐브입니다. 3D 수학과 애니메이션의 시각적이고 상호작용적인 데모입니다. 핵심 기능 1. 3D 큐브 Three.js로 렌더링된 3x3x3 루빅스 큐브 각 면은 고유한 색상을 가집니다: 흰색, 노란색, 빨간색, 주황색, 파란색, 초록색 각 작은 큐브(큐비)는 시각적 명확성을 위해 약간 분리되어 있습니다 좋은 조명과 함께 부드럽고 정교한 3D 렌더링 2. 컨트롤 OrbitControls: 클릭하고 드래그하여 뷰를 회전하고, 스크롤하여 확대/축소 "섞기" 버튼: 무작위 이동 시퀀스(15-20회 이동)를 수행합니다 "풀기" 버튼: 섞기 이동을 자동으로 역순으로 실행합니다 이동 속도: 애니메이션은 부드럽고 만족스러워야 합니다 3. UI 및 HUD 왼쪽 하단에 "섞기" 버튼 오른쪽 하단에 "풀기" 버튼 이동 카운터: 수행된 이동 횟수를 표시합니다 깔끔한 다크 글래스 UI(다크 모드, 현대적인 미학) 4. 상호작용 면을 클릭하여 회전합니다(선택 사항이지만 있으면 좋음) 이동이 수행되는 동안 시각적 피드백 제공 애니메이션 중 지연 없음 5. 기술적 세부 사항 CDN에서 Three.js 사용 모든 코드는 단일 HTML 파일에 포함 부드러운 60fps 성능 마우스 컨트롤: 드래그하여 회전, 스크롤하여 확대/축소 키보드 단축키: 'R'은 섞기, 'S'는 풀기 누군가가 실제로 가지고 놀고 싶어할 만한 세련되고 상호작용적인 3D 루빅스 큐브를 만듭니다.