3D Tank Game (HTML5)
details
summary
A 3D tank game built with HTML5, CSS3 and JavaScript for desktop and mobile.
tags
prompt
Create a 3D tank game. Implement using HTML5, CSS3, and JavaScript (ES6+) without external frameworks. Ensure it works on both desktop and mobile devices supporting touch and keyboard/mouse inputs. Game Requirements: 1. Platform and Technologies: - Use only HTML5, CSS3, and JavaScript (ES6+). - Ensure compatibility with both desktop and mobile. - Enable support for both touch controls and traditional keyboard/mouse. 2. Functionality: - Intuitive controls with tutorial hints. - Progressive difficulty and level system. - Save progress using localStorage. - Implement a scoring and achievements system. 3. Visual and Audio Elements: - Establish an attractive and consistent user interface. - Integrate animations for responsiveness and feedback. - Incorporate sound effects and background music with an option to mute. 4. Performance and Optimization: - Optimize for stable FPS performance. - Use efficient algorithms for game logic. - Minimize resource consumption and ensure responsive controls. 5. User Experience: - Provide clear instructions and game objectives. - Use positive reinforcement through visual and audio effects. - Maintain a balanced difficulty curve to sustain interest. 6. Additional Details: - Write compact code embedding resources. - Enable debugging and error handling for stability. - Comment code for future modifications. - Implement responsive design for different devices. Game Development Steps: - Start with a basic HTML structure embedding CSS for styling and JavaScript for functionality. - Develop the core tank movement mechanics allowing 360-degree rotation and firing capabilities. - Design levels that increase in complexity, and script enemy AI patterns. - Implement a dynamic UI overlay to show health, score, and level progression. - Create a local storage module to keep track of player achievements and game completion status. - Test on various devices to ensure touch and keyboard inputs are seamless. Make sure to build with a focus on delightful user interaction and responsiveness, leveraging modern JavaScript features for optimal performance.
original prompt
# Задание: Создай игру танки 3d ## Требования к игре: 1. **Платформа и технологии:** - Использовать HTML5, CSS3 и JavaScript (ES6+) без внешних фреймворков - Обеспечить работу на настольных и мобильных устройствах - Поддержка сенсорного управления и клавиатуры/мыши 2. **Функциональность:** - Интуитивно понятное управление с обучающими подсказками - Прогрессивная сложность и система уровней - Сохранение прогресса в localStorage - Система очков и достижений 3. **Визуальные и аудио элементы:** - Привлекательный и согласованный пользовательский интерфейс - Анимации для обеспечения отзывчивости и обратной связи - Звуковые эффекты и фоновая музыка с возможностью отключения 4. **Производительность и оптимизация:** - Оптимизированная производительность с стабильным FPS - Эффективные алгоритмы для обработки игровой логики - Минимизация потребления ресурсов и отзывчивость управления 5. **Пользовательский опыт:** - Четкие инструкции и цели игры - Положительное подкрепление через визуальные и звуковые эффекты - Сбалансированная кривая сложности для поддержания интереса ## Дополнительные детали: - Создайте компактный код с встроенными ресурсами - Обеспечьте отладку и обработку ошибок для стабильной работы - Комментируйте код для будущих модификаций - Реализуйте адаптивный дизайн для различных устройств ## Структура ответа: 1. Предоставьте полный HTML-файл, готовый к запуску 2. Включите все CSS и JavaScript непосредственно в HTML 3. Документируйте управление и механику игры в начале файла Q: Какая механика движения и атаки предусмотрена для танков? A: ты профессионал с многолетним опытом, сам решай! Q: Как игроки будут проходить уровни и получать достижения? A: ты профессионал с многолетним опытом, сам решай!
generation cost summary
model name: claude-3-7-sonnet-latest
response time: 284.52 sec.
result tokens: 20,533
cost: $0.31113300