3D 주사위 덱빌딩 무한 로그라이크 카드 게임 (Dice & Dungeon 3D)

3D 주사위 덱빌딩 무한 로그라이크 카드 게임 (Dice & Dungeon 3D)는 부드러운 파스텔 톤의 모던 앤 세련된 엠보싱 클레이모피즘 3D (Embossed Claymorphism 3D) 테마로 제작된 차세대 웹 덱빌딩 무한 로그라이크 게임입니다.

Three.js 기반의 실시간 3D 주사위 물리 굴리기와 원터치 탭 타이밍 시스템, 그리고 모바일 터치 드래그 & 드롭 카딩 메커니즘을 융합하여 독창적이고 중독성 넘치는 턴제 전략 전투를 선사합니다.

🎨 주요 특징

• 모던 앤 세련된 엠보싱 클레이모피즘 3D 비주얼:
  • 입체적인 내외부 음영(Inner & Drop Shadows)과 말랑말랑한 클레이 파스텔 질감의 UI 요소, 엠보싱 3D 카드로 시각적 쾌감을 극대화했습니다.
• Three.js 실시간 3D 주사위 렌더링:
  • 회전 속도와 타격감, 물리 바운스 효과가 적용된 3D 점토 주사위가 화면에서 실시간 굴러가며 회전합니다.
• 🎯 원터치 탭 타이밍 조작 (Timing Tap System):
  • 주사위를 굴리거나 공격 시 화면 속 타이밍 게이지 바가 좌우로 오실레이션합니다.
  • 최적의 골드/그린 스윗스팟 존에서 화면 탭 또는 스페이스바를 누르면 PERFECT (x2.0 배율 + AP 환급) 또는 GREAT (x1.4 배율) 크리티컬 보너스를 획득합니다!
• 📱 모바일 터치 드래그 & 드롭 지원:
  • 카드를 손에서 드래그하여 적이나 아군 슬롯으로 직접 던지듯 사용할 수 있으며, 모바일 터치와 PC 마우스 조작을 완벽히 지원합니다.
• ♾️ 무한 로그라이크 덱빌딩 몬스터 타워:
  • 일반 몬스터, 엠보싱 드래곤 보스, 휴식의 모닥불(HP 회복), 점토 카드 상점을 거치며 점차 난이도가 상승하는 무한 층수 던전에 도전하세요.
• 💾 LocalStorage 자동 연동 (Prefix: DICE_3D_ROGUELIKE_):
  • 최고 득점(highScore), 도달 층수(maxStage), 효과음 및 타이밍 조작 설정(settings)이 브라우저 로컬 스토리지에 자동 저장됩니다.
• 📖 초보자 대화형 튜토리얼 (Interactive Tutorial Guide):
  • 게임을 처음 플레이하는 유저를 위한 4단계 인터랙티브 튜토리얼 모달을 제공합니다. 상단 바의 ❓ 버튼을 통해 언제든지 플레이 가이드를 다시 확인하실 수 있습니다.
• 🔊 Web Audio API 입체 사운드 신디사이저:
  • 별도의 사운드 파일 로딩 없이 웹 브라우저에서 주사위 충돌음, 타격음, 타이밍 팡파르, 덱 드로우 소리를 실시간으로 창조합니다.

🎮 조작 방법 & 튜토리얼

• 튜토리얼 열기: 상단 우측의 ❓ 버튼을 눌러 언제든지 4단계 플레이 가이드 슬라이드를 볼 수 있습니다.
• 주사위 굴리기: 🎲 주사위 굴리기 버튼 클릭 또는 [Spacebar]
• 타이밍 탭: 타이밍 바 구동 시 [TAP NOW!] 버튼 클릭, 화면 아무 곳이나 탭, 또는 [Spacebar]
• 카드 사용:
  • 드래그 & 드롭: 카드를 터치/클릭한 상태로 위쪽 전장으로 드래그하여 내려놓기
  • 원터치 클릭: 손에 든 카드를 직접 클릭하여 즉시 발동 (에너지 소모)
• 턴 종료: 턴 종료 ➡️ 버튼을 눌러 적의 행동을 진행합니다.

사용 방법

1. 앱을 열고 화면에 표시된 초기 설정 또는 예시를 먼저 확인합니다.
2. 필요한 값·도구·조작 항목을 바꾸거나 입력해 현재 결과와 미리보기를 확인합니다.
3. 작업 목적에 맞는 설정을 선택한 뒤, 앱에서 제공하는 결과 화면 또는 저장·내보내기 기능을 활용합니다.

자주 묻는 질문 (FAQ)

어떻게 시작하나요?

앱을 열면 제공되는 기본 설정과 화면 안내를 확인할 수 있습니다. 먼저 예시 상태에서 주요 조작을 살펴본 뒤, 목적에 맞게 입력값이나 도구를 변경해 보세요.

별도 설치가 필요한가요?

이 앱은 웹 브라우저에서 실행하도록 구성되어 있습니다. 원활한 사용을 위해 최신 브라우저와 안정적인 인터넷 환경을 권장합니다.

결과가 예상과 다르게 보이면 무엇을 확인해야 하나요?

현재 선택한 설정, 입력값, 화면 크기, 브라우저 상태에 따라 결과가 달라질 수 있습니다. 초기화 또는 예시 설정으로 돌아간 뒤 값을 하나씩 바꿔 확인하면 원인을 파악하기 쉽습니다.