클래식 2D 게임 '버블 슈터'를 인터랙티브 HTML 페이지로 만드세요. 기본 메커니즘과 미니멀한 디자인으로 완전히 작동해야 합니다.

게임 요소:
- 버블에 최소 5가지 색상(예: 빨강, 파랑, 초록, 노랑, 보라)을 사용합니다.
- 버블이 다른 버블이나 상단 경계에 닿으면, 그 자리에 고정됩니다.

게임 로직:
- 같은 색상의 버블이 3개 이상 연결되면 터지며, 플레이어는 점수를 얻습니다.
- 그룹이 터진 후 연결되지 않은 버블은 떨어지는 연쇄 반응을 구현합니다.
- 화면 하단에 버블이 도달하면 게임이 종료됩니다.

비주얼 디자인:
- 밝은 색상과 만화 같은 그래픽을 사용합니다.
- 버블 터짐 애니메이션과 입자 효과를 포함합니다.

핵심 인터랙션:
- 플레이어가 발사기를 사용해 화면을 향해 버블을 쏠 수 있어야 합니다.

설정 및 애니메이션:
- 게임 필드 상 버블의 동작과 초기 배치를 정의합니다.

UI 요소:
- 점수 카운터나 일시정지 버튼 등 필수 UI 요소를 포함하여 게임 경험을 향상시킵니다.

"Разработай классическую 2D-игру «Bubble Shooter» в виде интерактивной HTML-страницы. Игра должна быть полностью функциональной, с базовой механикой и минималистичным дизайном.  

---

### **1. Основные элементы игры:**  

  - Минимум 5 цветов (например, красный, синий, зеленый, желтый, фиолетовый).  
  - Пузыри прилипают к сетке или другим пузырям при попадании.  

---
Пузырь прилипает к сетке при соприкосновении с другим пузырем или верхней границей.

Если 3+ пузыря одного цвета соединяются, они лопаются, игрок получает очки.

Цепные реакции: падение несвязанных пузырей после уничтожения группы.
Игра заканчивается, если пузыри достигают нижней границы экрана.

---

Яркие цвета, мультяшная графика с анимацией лопающихся пузырей.

Эффекты частиц при уничтожении пузырей.


---






Готовая HTML-страница с игрой «Bubble Shooter», где игрок стреляет пузырями, собирая группы из 3+ одинаковых цветов. Игра должна быть интерактивной, с базовой физикой и минималистичным дизайном.  


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

Q: Как расставить и анимировать пузыри на поле?
A: Определите поведение пузырей и их начальное расположение.

Q: Какие элементы интерфейса должны присутствовать?
A: Укажите, какие UI элементы, такие как счетчик или кнопка паузы, необходимы.