플레이룸: 레트로 3D 브라우저 아케이드

“플레이룸”이라는 이름의 완성도 높은 플레이 가능한 브라우저 아케이드를 제작하세요. 1980년대 후반의 향수를 불러일으키는 하드웨어 미감과 절제된 현대적 에디토리얼 인터페이스를 결합합니다. 렌더링에는 Three.js를 사용하고, CRT 모니터, 콘솔 본체, 컨트롤러, 게임 카트리지를 각각 별도의 GLB 에셋으로 불러오세요. 정적인 목업이 아니라 실제로 작동하는 경험을 제공해야 합니다. 아트 디렉션: 따뜻한 미색 배경, 빛바랜 아이보리색 플라스틱, 차콜 색상 디테일, 채도가 낮은 세이지 그린, 더스티 테라코타, 바랜 블루를 사용하세요. 제목에는 Space Grotesk를, 작은 레이블에는 DM Mono를 조합합니다. 얇은 구분선, 넉넉한 여백, 은은한 기술 주석, 간결한 내비게이션을 추가하세요. 네온 사이버펑크 스타일, 유광 대시보드 카드, 과도한 그라디언트는 피합니다. 홈페이지는 세심하게 배치한 제품 사진처럼 보여야 합니다. CRT는 오른쪽에 눈에 띄게 배치하고, 콘솔은 왼쪽에 두며, 콘솔 위에는 카트리지를 세워 안정적으로 꽂고, 앞쪽에는 컨트롤러를 놓으세요. 실제 소켓에 맞닿는 곡선형 케이블로 기기를 연결합니다. 부드러운 방향성 조명, 자연스러운 접촉 그림자, 둥근 모서리, 약간 거친 플라스틱 머티리얼을 사용하세요. 오브젝트가 서로 겹치거나 관통하지 않도록 합니다. 홈페이지에는 느리고 시네마틱한 좌우 오비트를 적용하세요. 사용자가 드래그해 뷰를 회전할 수 있게 하고, 조작을 멈추면 아이들 움직임이 부드럽게 다시 시작되도록 합니다. 선택한 하드웨어 디테일 주변에는 절제된 데이터 펄스가 천천히 흐르도록 추가하세요. CRT에는 작은 마스코트가 등장하는 픽셀 아트 대기 화면을 루프 재생하고, 은은한 스캔라인과 “PLAYER ONE” 타이포그래피를 표시합니다. 마스코트 얼굴에는 제공된 노란색 T와 흰색 V 로고를 정확하게 사용하세요. 눈에 잘 띄는 “POWER ON” 버튼을 누르거나 콘솔 장면을 클릭하면 하나의 연속적인 전환이 시작되어야 합니다. 카메라를 CRT 화면 쪽으로 천천히 이동시키고, 애니메이션 데이터 스트림을 표시한 뒤, 장면이 전체 뷰포트를 점차 채우도록 확장하세요. 전환 내내 화면 상단과 하단 가장자리를 덮어야 합니다. 갑자기 나타나는 오버레이나 급격한 카메라 점프 없이, 어두운 화면에서 밝은 화면으로 부드럽게 전환하며 카트리지 컬렉션을 보여 주세요. 컬렉션에는 세 종류의 서로 다른 카트리지가 세워져 있습니다. 세이지 색상의 Snake, 테라코타 색상의 Breakout, 블루 색상의 Blocks입니다. 각각 선명한 커버 타이포그래피와 위에 올라앉은 작은 애니메이션 마스코트를 갖습니다. 은은한 위아래 움직임, 호버 시 상승, 부드러운 기울기 효과를 적용하세요. 3D 카트리지 클릭과 카트리지 아래에 배치된 접근성 지원 텍스트 버튼을 모두 사용할 수 있게 합니다. 각 항목을 선택하면 플레이 가능한 게임 인터페이스가 열립니다. Snake에는 먹이 연쇄와 시간 제한 보너스 과일을 포함하세요. Breakout에는 여러 벽돌 배치와 패들 또는 멀티볼 파워업을 포함하세요. Blocks에는 다음 블록 미리 보기, 착지 예상 위치를 보여 주는 고스트, 줄 삭제 점수 시스템을 포함하세요. 명확한 게임 안내, 점수, 일시정지, 다시 시작, 돌아가기 내비게이션을 제공하세요. 키보드 조작과 터치 버튼을 지원하고, 로컬 최고 점수를 저장하세요. 화면 콘텐츠와 카트리지 레이블은 런타임 텍스처를 서로 분리해 사용하여 텍스트가 선명하게 유지되도록 하세요. 인터랙션과 마스코트 애니메이션에 사용할 수 있도록 모델 파트의 이름을 유지하세요. 로딩 피드백, 3D 에셋 로드 실패 시 사용할 수 있는 대체 화면, 반응형 레이아웃, 키보드 포커스 표시, 모션 감소 지원을 포함하세요. 프로젝트를 깔끔하게 구성하고 세 게임과 전환을 모두 검증한 뒤 GitHub와 Vercel에 배포할 수 있는 상태로 완성하세요.