Akki-jaiswal / Akki-jaiswal/pong-game

[Feature] Redesign Game Screens (Start, Pause, Game Over) with Themed Backgrounds & UI Elements

Ouverte
#85 3 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
Langage dominant
JavaScript
Étoiles
22
Forks
116
Métriques de merge des PR
Aucune PR mergée en 30 j

Description

### 🔍 Have You Searched Existing Issues?

- [x] I have searched the existing issues to avoid duplicates

---

### 💡 Problem Description

The current game screens—such as **Start**, **Pause**, and **Game Over**—are minimalistic and could be more engaging. Without themed visuals or styled UI elements, users miss out on a more immersive gaming experience.

---

### ✅ Proposed Solution

I propose a complete **UI/UX redesign** for these game states:
- 🎮 **Start Screen**: Add animated background, stylish "Start Game" button, and title.
- ⏸️ **Pause Menu**: Introduce a semi-transparent overlay with "Resume" and "Restart" buttons styled consistently.
- ❌ **Game Over Screen**: Display score clearly, use themed background (e.g., pixel art, retro glow), and add "Play Again" and "Exit" options.

Each screen will follow a **cohesive theme** (e.g., neon, retro, or modern minimalist) using CSS transitions, animations, and visual feedback.

---

### 🔄 Alternatives Considered

- Only styling text/buttons without changing layout (less immersive).
- Using default alerts (not user-friendly for games).

---

### 🖼️ Screenshots or Diagrams (Optional)

Mockups or references can be shared in comments if required.

---

### 📘 Additional Context

This enhancement aligns well with other UI improvements in the repo but specifically focuses on **game states**, which are not covered in-depth by other open issues. It aims to elevate the visual feedback and engagement level during gameplay.

---

### 🙌 Contributor Checklist

- [x] I have checked for similar feature requests
- [x] I agree to follow this project's Code of Conduct
- [x] I am a GSSOC'25 contributor
- [x] I want to work on this issue

Guide de contribution

Ouvrir le guide de contribution

Évaluation

Cette issue n'a pas encore été évaluée.

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.