3D 전차 게임 (HTML5)

요약

HTML5, CSS3, JavaScript를 사용해 데스크탑과 모바일에서 작동하는 3D 전차 게임을 만드세요.

프롬프트

3D 전차 게임을 만드세요. 외부 프레임워크 없이 HTML5, CSS3, JavaScript (ES6+)로 구현합니다. 터치와 키보드/마우스 입력을 지원하는 데스크탑과 모바일 모두에서 작동하도록 하세요.

게임 요구사항:

1. 플랫폼 및 기술:
   - HTML5, CSS3, JavaScript (ES6+)만 사용합니다.
   - 데스크탑과 모바일 모두와의 호환성을 보장합니다.
   - 터치 컨트롤과 기존의 키보드/마우스 입력을 지원합니다.

2. 기능:
   - 튜토리얼 힌트가 포함된 직관적인 컨트롤.
   - 점진적으로 어려워지는 난이도와 레벨 시스템.
   - localStorage를 사용해 진행 상황 저장.
   - 점수와 업적 시스템 구현.

3. 시각 및 오디오 요소:
   - 매력적이고 일관된 사용자 인터페이스 설계.
   - 반응형 애니메이션을 통한 피드백 제공.
   - 음향 효과와 배경음악, 그리고 음소거 옵션 포함.

4. 성능 및 최적화:
   - 안정적인 FPS를 위한 최적화.
   - 효율적인 알고리즘을 사용해 게임 로직 구현.
   - 리소스 사용 최소화 및 반응형 컨트롤 보장.

5. 사용자 경험:
   - 명확한 지침과 게임 목표 제공.
   - 시각 및 청각 효과를 통한 긍정적 강화.
   - 흥미를 유지하기 위한 균형 잡힌 난이도 제공.

6. 추가 세부사항:
   - 자원을 포함한 간결한 코드 작성.
   - 디버깅과 오류 처리를 활성화해 안정성 확보.
   - 향후 수정을 위해 코드에 주석 추가.
   - 다양한 기기에 맞는 반응형 디자인 구현.

개발 단계:
   - CSS 스타일과 JavaScript 기능을 포함한 기본 HTML 구조로 시작합니다.
   - 360도 회전 및 발사 기능을 갖춘 전차 이동 메커니즘 개발.
   - 점진적으로 어려워지는 레벨과 적 AI 패턴 스크립트 작성.
   - 체력, 점수, 레벨 진행 상황을 표시하는 동적 UI 오버레이 구현.
   - 플레이어 업적 및 게임 상태를 추적하기 위한 localStorage 모듈 제작.
   - 다양한 기기에서 터치 및 키보드/마우스 입력이 원활한지 테스트합니다.

최신 JavaScript 기능을 활용하여 쾌적한 사용자 경험과 최적의 성능을 달성하는데 주력하세요.

원본 프롬프트

# Задание: Создай игру танки 3d

## Требования к игре:
1. **Платформа и технологии:**
   - Использовать HTML5, CSS3 и JavaScript (ES6+) без внешних фреймворков
   - Обеспечить работу на настольных и мобильных устройствах
   - Поддержка сенсорного управления и клавиатуры/мыши

2. **Функциональность:**
   - Интуитивно понятное управление с обучающими подсказками
   - Прогрессивная сложность и система уровней
   - Сохранение прогресса в localStorage
   - Система очков и достижений

3. **Визуальные и аудио элементы:**
   - Привлекательный и согласованный пользовательский интерфейс
   - Анимации для обеспечения отзывчивости и обратной связи
   - Звуковые эффекты и фоновая музыка с возможностью отключения

4. **Производительность и оптимизация:**
   - Оптимизированная производительность с стабильным FPS
   - Эффективные алгоритмы для обработки игровой логики
   - Минимизация потребления ресурсов и отзывчивость управления

5. **Пользовательский опыт:**
   - Четкие инструкции и цели игры
   - Положительное подкрепление через визуальные и звуковые эффекты
   - Сбалансированная кривая сложности для поддержания интереса

## Дополнительные детали:
- Создайте компактный код с встроенными ресурсами
- Обеспечьте отладку и обработку ошибок для стабильной работы
- Комментируйте код для будущих модификаций
- Реализуйте адаптивный дизайн для различных устройств

## Структура ответа:
1. Предоставьте полный HTML-файл, готовый к запуску
2. Включите все CSS и JavaScript непосредственно в HTML
3. Документируйте управление и механику игры в начале файла

Q: Какая механика движения и атаки предусмотрена для танков?
A: ты профессионал с многолетним опытом, сам решай!

Q: Как игроки будут проходить уровни и получать достижения?
A: ты профессионал с многолетним опытом, сам решай!

생성 비용 요약

모델 이름: claude-3-7-sonnet-latest

응답 시간: 284.52 sec.

결과 토큰: 20,533

비용: $0.31113300