Web Game: Shape destroyer

A fun, interactive browser-based reflex testing game built with core frontend web technologies. Shapes appear at random intervals and positions on the screen, challenging users to click them as fast as possible to record their exact reaction time.

Features

• Reflex Testing: Accurately measures user response time down to milliseconds upon clicking the generated target.
• Randomized Spawning: Dynamically varies the appearance timing, size, color, and position of shapes to keep the challenge unpredictable.
• Clean UI Feedback: Instantly displays your reaction time score after each successful click.

Technologies Used

• HTML5: Structuring the game canvas and UI elements.
• CSS3: Styling shapes, positioning containers, and handling visual layouts.
• JavaScript (Vanilla): Managing game state loops, handling DOM manipulation, randomizing element properties, and computing timing performance via Date().

How to Play

1. Open the project index file (index.html or equivalent) in any modern web browser.
2. Click Start (or wait for the first shape to appear).
3. Click the shapes as quickly as they pop up on the screen to test your speed!