투사 시뮬레이터

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

재현할 게임의 제목은 "투사 시뮬레이터"이며, 스크린골프 방 안의 프로젝터 설치를 조정하고 투사 범위와 왜곡을 확인하는 3D 인터랙티브 시뮬레이터로 만들어라. 게임 플레이는 Three.js 스타일의 실시간 3D 장면과 왼쪽 설정 패널로 구성한다.

장면/카메라: 어두운 청록색 계열의 밀폐된 방을 만든다. 바닥은 약 14m 폭, 18m 깊이의 평평한 짙은 청록색 판이고, 뒤쪽(z=-6 부근)에 폭 14m, 높이 5.6m의 벽과 왼쪽에도 벽을 둔다. 안개와 어두운 남청색 배경을 사용하며, 부드러운 그림자가 보이도록 밝은 청록/백색의 반구광과 방향광, 스크린 근처의 청록 포인트 라이트를 사용한다. 카메라는 방의 앞쪽 오른쪽에서 바닥과 스크린을 내려다보는 원근 시점으로 시작하고, OrbitControls 방식으로 마우스 드래그 회전과 휠 줌을 지원한다. 카메라가 너무 낮거나 방 밖으로 과도하게 회전하지 않도록 궤도 각도와 줌 범위를 제한한다.

주요 공간 오브젝트: 뒤 벽 앞에 검은색의 두꺼운 프레임(약 8.5m x 4.9m)을 세우고, 그 안에 거의 흰색/연한 회색의 투사 스크린(약 8m x 4.4m)을 배치한다. 스크린 중앙에는 얇은 민트색 십자 타깃을 표시한다. 방 바닥 앞쪽에는 짙은 직사각형 골프 타격 매트(약 3.2m x 4.2m)를 놓고, 그 위에 세로 방향의 민트/청록 정렬선 3개를 표시한다. 매트 중앙 앞쪽에는 작은 흰 골프공을 작은 티 위에 올려 둔다. 공과 티는 시각적 기준물이며 실제 골프 타격 기능은 추가하지 않는다.

프로젝터: 사용자가 위치를 조정할 수 있는 작은 어두운 금속성 직육면체 프로젝터를 만든다. 전면에는 밝게 빛나는 청록색 원형 렌즈, 위에는 짧은 원통형 마운트를 둔다. 초기 위치는 x=0, y=3.6, z=4.8이며, 프로젝터의 렌즈가 스크린을 향하도록 자동 회전시킨다. 위치 슬라이더로 좌우 X(-3~3m), 높이 Y(1.2~4.8m), 거리 Z(-1~9m)를 조정하고, 하향 각도(-35~35도, 초기 10도)를 조절하게 한다. 프로젝터의 조준점은 하향 각도에 따라 스크린 중앙에서 세로로 이동한다.

투사 시각화/계산: 기본적으로 프로젝터 렌즈에서 스크린까지 반투명 주황색 사각뿔 형태의 투사 광선을 렌더링하고, 스크린에 반투명 민트색 투사 발자국을 표시한다. 투사 시 스크린과 만나는 실제 위치, 거리, 투사 원뿔의 폭/높이를 계산한다. 투사 영역이 스크린을 얼마나 덮는지 화면 커버리지 퍼센트로 계산하되, 스크린 최대 크기 8m x 4.4m를 기준으로 제한한다. 프로젝터와 스크린 중심의 거리인 중앙 오프셋을 미터 단위로 표시한다. 좌우 오프셋과 하향 각도 차이로 키스톤 왜곡 수치를 계산해 퍼센트로 표시한다. 투사 사각형의 네 꼭짓점을 그려 왜곡된 사변형 오버레이로 보여주며, 왜곡이 낮을 때는 민트색, 왜곡이 높을 때는 주황색으로 표시한다.

판정 규칙과 상태: 커버리지가 86% 초과이고 중앙 오프셋이 0.55m 미만이며 키스톤이 25% 미만이면 민트색 상태 박스에 "권장 설치 범위입니다. 화면 전체가 안정적으로 들어옵니다."를 표시한다. 그렇지 않으면 경고 상태로 바꾸고, 키스톤이 35% 이상이면 "키스톤 왜곡이 큽니다. 프로젝터를 화면 중앙축에 가깝게 설치하세요.", 커버리지가 75% 미만이면 "화면 일부가 잘립니다. 프로젝터를 더 멀리 두거나 높이를 조정하세요.", x 절대값이 1.4m 초과이면 "측면 오프셋이 큽니다. 키스톤 보정이 필요합니다.", 그 외에는 "중앙 정렬을 조금 더 맞추면 좋습니다."를 표시한다.

한국어 UI: 상단 헤더에 큰 제목 "스크린골프 투사 시뮬레이터", 부제 "프로젝터 위치를 바꿔 투사 범위와 화면 왜곡을 비교하세요", 오른쪽에 "시뮬레이션 모드" 배지를 둔다. 왼쪽에는 어두운 청록색 패널을 배치한다. "빠른 위치" 섹션에 네 버튼을 둔다: "천장 중앙"은 [x=0,y=4.2,z=4.8,tilt=10], "스크린 상단"은 [0,3.1,0.6,10], "측면 설치"는 [2.5,3.6,4.2,10], "낮은 위치"는 [0,1.8,4.6,10]. "프로젝터 위치" 섹션에는 위의 X/Y/Z/하향 각도 슬라이더와 실시간 m/도 출력값을 둔다. "판정" 섹션에는 상태 메시지와 카드형 수치 3개, 즉 "화면 커버리지", "중앙 오프셋", "키스톤 왜곡"을 둔다.

보기 도구: "투사 광선 숨기기/투사 광선 보이기" 버튼으로 주황색 광선과 투사/키스톤 오버레이를 켜고 끈다. "화면 격자 보이기/화면 격자 숨기기" 버튼으로 스크린에 청록색 선 격자를 표시한다. 기본 격자는 숨겨져 있다. "기준 격자 간격" 슬라이더는 0.2~1.1m, 초기값 0.55m이며, 현재 투사 격자는 프로젝터의 스크린 거리와 좌우 거리 비율에 따라 0.55m 기준으로 약 0.55~1.8배 스케일되어 표시한다. 격자 간격 실제값도 별도로 표시한다. 안내 문구로 프로젝터가 멀어지면 투사 영역에 맞춰 격자가 커지고 가까워지면 작아진다는 점, 마우스 드래그 회전/휠 줌, 초록색은 권장 범위이고 주황색은 왜곡·사각지대 위험이라는 점을 표시한다.

비주얼 스타일: 사실적인 고해상도보다는 단순한 저폴리/기하학적 3D와 어두운 시네마틱 조명을 사용한다. 바닥과 벽은 짙은 청록색, 화면은 밝은 회백색, 투사 광선은 낮은 불투명도의 주황색, 타깃/좋은 투사는 빛나는 민트색으로 통일한다. 화면 하단 왼쪽 3D 뷰포트 위에는 범례를 두고 민트 점과 "투사 화면", 주황 점과 "프로젝터 광선"을 표시한다. 반응형으로 좁은 화면에서는 왼쪽 설정 패널이 화면 위에 떠 있는 접힌 듯한 카드 영역으로 배치되며, 3D 뷰가 계속 보이게 한다.