HTML、CSS、JavaScriptを使用して、シンプルな『Bubble Shooter』ゲームを作成してください。プレイヤーは、同じ色のバブルを3つ以上繋げるために、上方向にバブルを発射します。繋がらなかったバブルは落下します。ゲームにはスコアカウンターとリスタートボタンが必要です。

【HTML】
- ゲームフィールド、スコア表示エリア、リスタートなどの制御ボタンを含むページ構造を作成する。

【CSS】
- バブル、ゲームフィールド、インターフェースなどのゲーム要素のスタイルを設定する。

【JavaScript】
- 以下を含むゲームロジックを実装する：
  - ゲームフィールド上にランダムなバブルを生成する。
  - バブル発射のメカニズムを実装する。
  - 同じ色のバブルが3つ以上揃うかチェックする。
  - 揃ったバブルを削除し、残ったバブルを落下させる。
  - スコアを計算し、インターフェースを更新する。
  - すべての最新ブラウザで正常に動作することを確認する。
  - ゲーム終了後にリスタートできるオプションを提供する。

【ゲームプレイロジック】
- プロの意見を考慮し、ゲームフィールドのサイズとバブルの色を決定する。
- プロの経験に基づいて、リスタートボタンに関連する動作を決定する。

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

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

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

Q: Существует ли предпочтение по цветовой палитре для шариков?
A: ты профессионал с многолетним опытом, сам решай!

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