Classic 2D Bubble Shooter

summary

An interactive HTML game with bubble shooting mechanics and animations.

prompt

Create a classic 2D game 'Bubble Shooter' as an interactive HTML page. The game should be fully functional with basic mechanics and a minimalist design.

Gameplay Elements
- Bubble Grid Descends: The bubble grid slowly descends downward.
- Bubble Colors: Bubbles come in 5 colors (e.g., red, blue, green, yellow, purple).
- Bubble Stickiness: Bubbles stick to the grid or other bubbles upon collision.
- Connection Conditions: A bubble sticks to the grid when it touches another bubble or the upper border.
- Bursting Bubbles: If 3 or more bubbles of the same color connect, they burst and the player scores points.
- Chain Reactions: Falling of unconnected bubbles after a group is destroyed.
- Game Over Condition: The game ends if bubbles reach the bottom of the screen.
- Visual Style: Bright colors, cartoonish graphics with animations when bubbles pop.
- Particle Effects: Implement particle effects when bubbles are destroyed.

HTML Page
- Create an interactive HTML page featuring 'Bubble Shooter' where players shoot bubbles to form groups of 3 or more matching colors. The game should include basic physics and a minimalist design.

Controls and Layout
- The placement of controls and game information is up to your professional judgment. Ensure the game is intuitive and the interface user-friendly.

Animation and Grid Size
- Design pop animations and determine the grid size based on professional standards for a smooth, engaging player experience.

Ensure the code is checked multiple times for bugs and the game functions perfectly. Follow the prompt strictly and create a well-working game!

original prompt

Разработай и создай классическую 2D-игру «Bubble Shooter» в виде интерактивной HTML-страницы. Игра должна быть полностью функциональной, с базовой механикой и минималистичным дизайном.  
---
Основные элементы игры:
сетка пузырей медленно опускается вниз
пузыри 5 цветов (например, красный, синий, зеленый, желтый, фиолетовый).  
Пузыри прилипают к сетке или другим пузырям при попадании.  
Пузырь прилипает к сетке при соприкосновении с другим пузырем или верхней границей.
Если 3+ пузыря одного цвета соединяются, они лопаются, игрок получает очки.
Цепные реакции: падение несвязанных пузырей после уничтожения группы.
Игра заканчивается, если пузыри достигают нижней границы экрана.
Яркие цвета, мультяшная графика с анимацией лопающихся пузырей.
Эффекты частиц при уничтожении пузырей.
Готовая HTML-страница с игрой «Bubble Shooter», где игрок стреляет пузырями, собирая группы из 3+ одинаковых цветов. Игра должна быть интерактивной, с базовой физикой и минималистичным дизайном. 
Действуй строго согласно промпту, не переспрашивай! Проверь несколько раз код на наличие багов. Игра должна обязательно хорошо работать! 


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

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

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

generation cost summary

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

response time: 95.89 sec.

result tokens: 8,231

cost: $0.12632700