Creative Game

[pkdev0101]

🎮 Creative Game Check — Core Feature Implementation

📌 Overview

This issue outlines the core gameplay features required before the Creative Game Check. These features focus on improving gameplay depth, user experience, and competitiveness. The main components include a leaderboard system, power-ups, collectible coins, and a fix for game centering.

---

🚀 Features & Implementation

1. Leaderboard (High Priority — In Progress)

Goal:
Create a persistent leaderboard that tracks and displays top player scores.

Purpose:
The leaderboard adds a competitive element by allowing players to compare performance across sessions. It encourages replayability and gives players a clear goal.

Implementation Plan:

• Store player data (name, score, level, timestamp) using localStorage
• Automatically sort entries in descending order by score
• Limit displayed entries to the top 10
• Render leaderboard dynamically in the UI

---

2. Power-Ups (High Priority — Completed)

Goal:
Introduce power-ups to assist players in completing difficult levels (especially Level 3).

Purpose:
Balances gameplay difficulty and adds strategy by giving players temporary advantages.

Power-Ups Included:

• Speed Boost: +50% movement speed for 8 seconds
• Health Boost: Instantly restores 1 health point
• Damage Boost: Doubles attack damage for 10 seconds

Implementation Details:

• Power-ups spawn randomly in Level 3
• Activated upon player collision
• Temporary effects handled using timers
• Visual/HUD indicators display active effects

---

3. Coins (Medium Priority — Planned)

Goal:
Add collectible coins to increase player score and encourage exploration.

Purpose:
Coins provide an additional scoring system beyond survival, allowing more differentiation between players on the leaderboard.

Implementation Plan:

• Place coins at fixed and random locations per level
• Each coin adds a set score (e.g., +10 points)
• Remove coin upon collection
• Update score and HUD in real time
• Optional: add animation (e.g., bobbing effect) for visibility

---

4. Game Centering Fix (High Priority — Completed)

Goal:
Fix the issue where the game canvas appears off-center at launch.

Cause (Likely):

• Default browser margins/padding
• Canvas positioning before full DOM load

Solution:

• Use CSS flexbox to center the canvas
• Ensure correct positioning on window load and resize
• Add JS fallback for dynamic positioning if needed

---

📊 Status Summary

Feature | Priority | Status -- | -- | -- Leaderboard | High | In Progress Power-Ups | High | Completed Coins | Medium | Planned Game Centering | High | Completed

---

🎯 Final Goal

Deliver a polished, functional game with:

• Competitive scoring (leaderboard)
• Balanced gameplay (power-ups)
• Increased engagement (coins)
• Proper UI alignment (centering fix)

These features collectively improve usability, replayability, and overall game quality for the Creative Game Check.