3D 구슬 컴퓨터 HTML 파일

단일 자체 포함 HTML 파일을 만들어라: Wintergatan의 구슬 기계와 Digi-Comp II의 정신을 이어받아, 오직 기계식 토글을 통과하며 떨어지는 구슬만으로 두 개의 4비트 숫자를 더하는 3D 구슬 컴퓨터를. 엄격한 규칙: 1. 하나의 HTML 파일. https://t.co/KCQbEZLusb에서 import map을 통해 Three.js를 불러오고, 그 OrbitControls 애드온도 포함할 것. 다른 라이브러리, 물리 엔진, 외부 에셋은 금지. 2. 메커니즘 자체가 컴퓨터다. 결과의 각 비트는 구슬이 지나가면서 물리적으로 뒤집는 두 상태 토글(플립플롭)에 저장된다. 자리올림은 한 토글을 떠난 구슬이 다음 토글로 굴러가면서 발생한다. 어디에서도 JavaScript 산술로 답을 계산하지 마라. 표시되는 결과는 마지막 구슬이 멈춘 뒤 토글 상태에서 읽어야 한다. 3. 구슬은 그럴듯한 중력과 타이밍으로 트랙을 따라 움직인다. 무엇도 순간이동하지 않는다. 경로를 따라 움직임을 스크립트해도 되지만, 모든 토글 뒤집힘은 구슬이 그곳에 도착함으로써 발생해야 한다. 4. 입력: 네 개씩 두 줄의 스위치(A와 B, 0에서 15), 클릭으로 설정. RUN이라고 표시된 레버가 구슬을 방출한다. 카운터는 떨어진 구슬 수를 표시한다. 5. 출력: 다섯 개의 결과 토글 줄, 가장 중요한 비트가 왼쪽에, 그리고 그 토글들에서 읽은 이진수와 십진수 값을 보여주는 판독부. 6. DEMO 버튼은 5+6, 그다음 9+7, 그다음 15+15를 실행하며, 각 실행 사이에 리셋되어 아무것도 건드리지 않고 화면 녹화할 수 있다. 7. 외형: 나무 판, 황동 토글, 유리 구슬, 따뜻한 스튜디오 조명, 부드러운 그림자, 기계에서 가장 분주한 부분을 따라가는 느린 카메라. 정사각형 1080x1080 녹화에서 보기 좋아야 한다. 8. 토글이 뒤집힐 때 Web Audio API를 통한 짧은 클릭 소리, 첫 사용자 클릭 이후에만 시작. 9. 일반 노트북에서 60 fps로 실행되어야 하고 콘솔 오류가 없어야 한다. 완전한 HTML 파일만 출력하라.