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

【HTML】
- ゲームエリア、スコア表示セクション、コントロールボタン（例：リスタート）を含むページ構造を作成してください。

【CSS】
- バブル、ゲームフィールド、インターフェースなどのゲーム要素をスタイリングしてください。

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

ゲームのレイアウトとインタラクションに注力し、プロの判断に基づいてゲームフィールドのサイズ、バブルの色、入力方法を選んでください。

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

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

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

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

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