Akki-jaiswal / Akki-jaiswal/pong-game

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

未关闭
#85 3 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
主要语言
JavaScript
星标
22
派生
116
PR 合并指标
30 天内没有已合并 PR

描述

### 🔍 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

贡献指南

打开贡献指南

评估

这个 Issue 还没有评估数据。

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。