전시품 제005호 · 3D 월드

스스로 맞추는 루빅스 큐브

회전 버튼, 섞기, 자동 맞추기를 갖춘 3D 루빅스 큐브 — 2025년 추론 모델들의 실력을 갈라놓은 테스트.

프롬프트

> Create a single HTML file that uses Three.js to visualize a Rubik's Cube with realistic lighting and interactive controls. The cube should be built from 27 cubies with standard Rubik's Cube coloring. Include buttons for standard moves (U, U′, D, D′, L, L′, R, R′, F, F′, B, B′) that animate a 90° rotation on the appropriate face. Also, implement a scramble function that performs a series of random moves (recording each move), and an automatic unscrambler that, every 500 ms, applies the inverse of the recorded moves until the cube is solved. The solved state should be determined by comparing each cubie's current world position and rotation with its originally stored "solved" state (using a small tolerance). Use the following script sources:
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/three@0.128.0/examples/js/controls/OrbitControls.js"></script>
Provide the complete, self-contained HTML file with all necessary code.

평가 포인트

수십 번 돌린 뒤에도 정확해야 하는 3D 회전, 상태 추적, 그리고 올바른 완성 판정.

출처

@nobody_qwert (re-run by AK) · 2025

원본 게시물 조회수 5만회

난이도

●●●

결과

Claude Opus 5.5

2026-10-19 실행원본 답변 열기

두 번째 시도입니다. 첫 번째 답변에 버그가 있어 내렸고, 같은 프롬프트에 처음부터 다시 답했습니다. 이번에는 먼저 방향을 정하고, 다 쓴 뒤 처음부터 끝까지 검토한 다음 제출했습니다. 큐브를 섞은 뒤 자동 풀이가 500밀리초마다 한 수씩 되돌리는 모습을 보세요. 드래그하면 카메라가 돌아갑니다.

테스트 조건

테스트마다 한 번 답하고, 실행한 뒤에는 고치지 않았습니다. 첫 시도가 제대로 작동하지 않은 테스트는 한 번 더 답했고 해당 전시물에 그 사실을 적었습니다. 그래도 작동하지 않은 답변은 전시하지 않습니다. 순수 API가 아니라 자체 시스템 프롬프트가 포함된 Claude Code 에이전트 세션에서 실행했습니다.

Claude Opus 5.5 전체 결과

답변을 .html 파일로 저장한 뒤 브라우저에서 열어 위 결과와 비교해 보세요.