CD Player (phone)

Download the pc version or visit this link: https://coderabbit-byte.itch.io/cd-player-pc

This is an interactive CD Player Rhythm Game that combines nostalgic aesthetics with engaging rhythm-based gameplay. The game simulates a vintage CD player experience while challenging your timing and reflexes through a beat-matching mechanic.

Visual Design: The game features a stunning visual presentation with a gradient purple background that evokes the aesthetic of 90s and early 2000s music players. At the center is a beautifully animated CD disc with a vibrant multi-colored gradient (featuring reds, teals, blues, yellows, and purples) that creates a mesmerizing rainbow effect. The CD has realistic details including a dark center hole and concentric circles that mimic the data tracks on an actual compact disc. When playing, the CD smoothly rotates continuously, bringing the experience to life.

Core Gameplay: The rhythm game component consists of four circular buttons arranged horizontally, each decorated with musical emoji symbols (🎵, 🎶, 🎼, 🎹). During gameplay, one button at a time will glow with a bright teal highlight, indicating it's the "active" beat. Your objective is to click the glowing button before it changes to the next one. Successfully hitting the correct button awards you 10 points, while clicking the wrong button deducts 5 points from your score. The beats change every 1.5 seconds, requiring quick reflexes and attention.

Controls: The game offers comprehensive control options:

• Play Button (▶): Starts the CD spinning and begins the rhythm game
• Pause Button (⏸): Temporarily stops playback while maintaining your position
• Stop Button (⏹): Completely stops the CD and resets the game state
• Next Button (⏭): Cycles through five different tracks

You can also use keyboard shortcuts for enhanced gameplay:

• Press keys 1-4 to trigger the corresponding rhythm buttons
• Press spacebar to toggle between play and pause

Track Selection: The game includes five unique tracks with evocative retro-electronic names:

1. Electronic Dreams
2. Synthwave Nights
3. Retro Vibes
4. Neon Pulse
5. Digital Paradise

Each track name appears in the display area above the CD player, showing what's currently playing or queued.

Scoring System: Your score is prominently displayed in bright teal text and updates in real-time as you play. The scoring encourages accuracy—hit the right beats to build your score, but beware that missing beats will cost you points. The challenge increases as you try to maintain focus over longer play sessions, making it both addictive and rewarding.

Technical Features: The game is built entirely in HTML, CSS, and JavaScript with smooth CSS animations for the spinning CD effect, hover effects on buttons, and visual feedback when hitting beats. The interface is fully responsive and uses modern web technologies to create a polished, professional gaming experience without requiring any external libraries or frameworks.

This CD Player game successfully merges nostalgia with interactive entertainment, perfect for anyone who appreciates retro technology, music games, or just wants a fun way to test their rhythm and timing skills!