We need to implement a runner game similar to the classic dinosaur game. The goal is to have a GNU mascot jumping over Windows-themed pop-ups/update screens.
Core Requirements:
- Character: GNU mascot.
- Obstacles: Windows-themed pop-ups/update screens.
- Gameplay: Simple jump mechanic (spacebar/click).
- Scalability: The frequency of obstacles should increase based on the player's score.
- Flexible Layout: The schedule/game board structure must be flexible to support adding more "halls" (or obstacle types) per day without requiring structural refactoring.
Performance Requirements (Crucial):
- Non-blocking loading: Since this is built with Astro, the game must be implemented as an isolated island.
- Lazy Loading: Use client:visible or client:idle to ensure the game assets and logic are only loaded when the component enters the viewport.
- Zero-impact on LCP: The implementation must ensure that the game's JS does not block the initial rendering of the Hero section or impact site responsiveness on mobile devices.
We need to implement a runner game similar to the classic dinosaur game. The goal is to have a GNU mascot jumping over Windows-themed pop-ups/update screens.
Core Requirements:
Performance Requirements (Crucial):