Skip to content

Commit 3773376

Browse files
committed
THE-MATH-GAME
1 parent a25c194 commit 3773376

1 file changed

Lines changed: 15 additions & 8 deletions

File tree

README.md

Lines changed: 15 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -67,16 +67,23 @@ The development of this interface was guided by core **Human-Machine Interaction
6767

6868
| Feature | Description |
6969
|---------|-------------|
70-
| **Multiplication Drills** | Randomized multiplication problems to challenge the player. |
71-
| **Score System** | Real-time score tracking to monitor progress. |
72-
| **Timer Constraint** | Time-limited rounds to encourage rapid mental processing. |
73-
| **Responsive UI** | Clean and accessible interface suitable for all devices. |
74-
| **Immediate Feedback** | Visual cues for correct and incorrect answers. |
70+
| **Gamified Drills** | Randomized multiplication challenges designed to test **instant recall**. |
71+
| **Real-Time Scoring** | Dynamic score tracking with **integrated penalty logic** for incorrect attempts. |
72+
| **Time-Pressure** | Strictly timed 60-second rounds to induce **cognitive flow state**. |
73+
| **Binary Feedback** | Instantaneous visual validation (Green/Red) providing **immediate learning reinforcement**. |
74+
| **Adaptive UI** | Fully **responsive glassmorphic interface** optimized for mobile, tablet, and desktop. |
75+
| **Social Sharing** | Integrated **high-fidelity image generation** for sharing scores via custom digital cards. |
76+
77+
> [!NOTE]
78+
> ### Interactive Polish: The Commutative Singularity
79+
> We have embedded a **physics-driven atmospheric layer** ("Math Atmosphere") that renders floating mathematical symbols to create a dynamic visual depth. Additionally, the footer features a **"Commutative Singularity" event**: hovering over the author names triggers a quantum-tunneling animation where the names physically swap positions, playfully demonstrating the commutative property of multiplication ($A \times B = B \times A$) within the UI itself.
7580
7681
### Tech Stack
77-
- **Languages**: HTML5, CSS3, JavaScript
78-
- **Framework**: Vanilla JS
79-
- **Deployment**: GitHub Actions (Staging Workflow)
82+
- **Languages**: HTML5, CSS3, JavaScript (ES6+)
83+
- **Logic**: Vanilla JS (DOM Manipulation & Game Loop)
84+
- **Imaging**: **html2canvas** (Client-side localized capture engine)
85+
- **UI System**: Custom Vanilla CSS3 (Neon Glassmorphism & Animations)
86+
- **Deployment**: GitHub Actions (Staging & Continuous Delivery Workflow)
8087
- **Hosting**: GitHub Pages
8188

8289
---

0 commit comments

Comments
 (0)