Game Tank 3D (HTML5)

ringkasan

Buat game tank 3D menggunakan HTML5, CSS3, dan JavaScript, mendukung desktop dan mobile.

prompt

Buatlah game tank 3D. Implementasikan dengan HTML5, CSS3, dan JavaScript (ES6+) tanpa framework eksternal. Pastikan game ini berjalan di perangkat desktop dan mobile yang mendukung input sentuh serta keyboard/mouse.

Persyaratan Game:

1. Platform dan Teknologi:
   - Gunakan hanya HTML5, CSS3, dan JavaScript (ES6+).
   - Pastikan kompatibilitas dengan desktop dan mobile.
   - Dukung kontrol sentuh serta input keyboard/mouse tradisional.

2. Fungsionalitas:
   - Kontrol intuitif dengan panduan tutorial.
   - Sistem level dan peningkatan kesulitan secara progresif.
   - Simpan progres menggunakan localStorage.
   - Implementasikan sistem skor dan pencapaian.

3. Elemen Visual dan Audio:
   - Bangun antarmuka pengguna yang menarik dan konsisten.
   - Integrasikan animasi untuk umpan balik visual.
   - Sertakan efek suara dan musik latar dengan opsi mute.

4. Kinerja dan Optimasi:
   - Optimalkan untuk kinerja FPS yang stabil.
   - Gunakan algoritma efisien untuk logika permainan.
   - Minimalkan penggunaan sumber daya dan pastikan kontrol responsif.

5. Pengalaman Pengguna:
   - Berikan instruksi jelas dan tujuan permainan.
   - Gunakan efek visual dan audio untuk penguatan positif.
   - Jaga keseimbangan tingkat kesulitan agar permainan tetap menarik.

6. Detail Tambahan:
   - Tulis kode yang ringkas dengan sumber daya terintegrasi.
   - Aktifkan debugging dan penanganan error untuk stabilitas.
   - Berikan komentar pada kode untuk modifikasi di masa depan.
   - Terapkan desain responsif untuk berbagai perangkat.

Langkah Pengembangan:
   - Mulai dengan struktur HTML dasar yang menyertakan CSS dan JavaScript.
   - Kembangkan mekanik gerak tank dengan rotasi 360° dan kemampuan menembak.
   - Rancang level yang semakin kompleks dan skrip pola AI musuh.
   - Implementasikan overlay UI dinamis untuk menampilkan kesehatan, skor, dan progres level.
   - Buat modul localStorage untuk melacak pencapaian pemain dan status game.
   - Uji pada berbagai perangkat untuk memastikan kontrol sentuh dan keyboard/mouse berjalan mulus.

Fokus pada interaksi pengguna yang menyenangkan dan responsivitas optimal dengan memanfaatkan fitur modern JavaScript.

prompt asli

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

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

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

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

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

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

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

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

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

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

ringkasan biaya pembuatan

nama model: claude-3-7-sonnet-latest

waktu respons: 284.52 sec.

token hasil: 20,533

biaya: $0.31113300