Jeu Tireur de Bulles

résumé

Version simple de Bubble Shooter en HTML, CSS et JavaScript.

invite

Créez une version simple de 'Bubble Shooter' en utilisant HTML, CSS et JavaScript. Le joueur doit tirer des bulles vers le haut pour connecter trois bulles ou plus de la même couleur. Les bulles non connectées doivent tomber. Le jeu doit comporter un compteur de score et un bouton de redémarrage. Le résultat doit être une page HTML prête à jouer.

### HTML
- Créez la structure de la page, incluant la zone de jeu, une section pour afficher le score, et des boutons de contrôle (par exemple, redémarrage).

### CSS
- Stylisez les éléments du jeu, incluant les bulles, le terrain de jeu et l'interface.

### JavaScript
- Implémentez la logique du jeu, incluant :
  - La génération aléatoire de bulles sur le terrain de jeu.
  - La mécanique de tir des bulles.
  - La vérification des correspondances de trois bulles ou plus de la même couleur.
  - La suppression des bulles correspondantes et la chute des bulles restantes.
  - Le calcul des scores et la mise à jour de l'interface.
- Assurez-vous que le jeu fonctionne correctement sur tous les navigateurs modernes.
- Offrez la possibilité de redémarrer le jeu une fois terminé.

Concentrez-vous sur la mise en page et l'interaction du jeu. Choisissez la taille du terrain, les couleurs des bulles et les méthodes d'entrée selon un jugement professionnel.

invite originale

Создай простую версию игры "Bubble Shooter" с использованием HTML, CSS и JavaScript. Игрок должен стрелять шариками вверх, чтобы соединять три или более одинаковых шарика одного цвета. Шарики, которые не связаны с другими, должны падать вниз. Игра должна иметь счетчик очков и кнопку перезапуска. Вывод результата — это готовая HTML-страница с игрой.

HTML: Создай структуру страницы, включающую игровое поле, область для отображения счета и кнопки управления (например, перезапуск).
CSS: Стилизуй элементы игры, включая шарики, игровое поле и интерфейс.
JavaScript: Напиши логику игры, включая:
Генерация случайных шаров на игровом поле.
Механика стрельбы шариков.
Проверка совпадений трех или более шариков одного цвета.
Удаление совпадающих шариков и падение оставшихся.
Подсчет очков и обновление интерфейса.
Убедись, что игра работает корректно во всех современных браузерах.
Обеспечь возможность перезапуска игры после завершения.

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

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

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

récapitulatif du coût de génération

nom du modèle: claude-3-7-sonnet-latest

temps de réponse: 100.39 sec.

jetons de résultat: 8,533

coût: $0.13043400