AstroRush

AstroRush is a fast-paced retro arcade quiz game where you dodge meteors, answer MCQs, manage fuel, and survive the endless cosmic rush in a neon sci-fi universe.

Comment

Inspiration

The inspiration behind AstroRush came from classic retro arcade games and endless runners combined with the excitement of quiz-based gameplay. We wanted to create something that felt fast, intense, and interactive instead of a traditional static quiz app.

The neon vaporwave aesthetic, pixel-art visuals, and arcade-style mechanics were inspired by old-school retro games while adding a modern competitive feel. The goal was to make learning and answering questions feel exciting through gameplay pressure and survival mechanics.

What it does

AstroRush is a retro arcade quiz survival game where players control a rocket flying through space while dodging falling meteors.

When meteors collide with the rocket, players must answer multiple-choice questions correctly to survive and restore fuel. Wrong answers make survival harder by reducing fuel and increasing pressure.

The game features:

  • Endless arcade gameplay
  • MCQ-based quiz system
  • Fuel survival mechanics
  • Meteor collision system
  • Power-ups like Hint, Skip, and Change Question
  • Responsive mobile-friendly UI
  • Retro neon visual design

How we built it

We built AstroRush as a browser-based game focused on responsive gameplay and retro aesthetics.

Core systems included:

  • Meteor spawning and movement logic
  • Rocket controls and collision detection
  • Dynamic quiz popup system
  • Fuel and survival mechanics
  • Mobile responsive UI
  • Retro neon animations and visual effects

We also created custom game assets and UI elements inspired by pixel-art arcade games to maintain a consistent retro-futuristic style.

Challenges we ran into

One of the biggest challenges was balancing fast-paced arcade gameplay with quiz interactions. We wanted the game to remain exciting without interrupting the gameplay flow too much.

Some major technical challenges included:

  • Fixing meteor spawning and collision logic
  • Making question popups appear correctly on mobile devices
  • Managing z-index and layered UI systems
  • Balancing fuel rewards and penalties
  • Designing a clean mobile UI without clutter
  • Creating smooth transitions between gameplay and quiz mode

Another challenge was maintaining readability while using glowing neon UI elements on dark backgrounds.

Accomplishments that we're proud of

We are proud of successfully combining two very different genres, arcade survival and quiz gameplay into one smooth experience.

Some accomplishments include:

  • Building a complete playable arcade quiz game
  • Designing a strong retro neon visual identity
  • Creating responsive mobile gameplay
  • Implementing dynamic MCQ systems and power-ups
  • Making the game visually engaging and interactive
  • Building satisfying gameplay loops with fuel, meteors, and survival mechanics

We are especially proud of the game's atmosphere and arcade feel.

What we learned

This project taught us a lot about game design, UI/UX, and balancing gameplay systems.

We learned:

  • How to structure interactive gameplay loops
  • Importance of responsive mobile design
  • Managing multiple game states and overlays
  • Balancing difficulty and reward systems
  • Creating visual feedback that improves gameplay feel
  • Designing cleaner and more readable neon interfaces

We also learned how important polish and small gameplay details are in making a game feel satisfying.

What's next for AstroRush

We plan to expand AstroRush with more gameplay depth and progression systems.

Future ideas include:

  • More question categories and difficulty levels
  • Boss meteors and special enemy types
  • Online leaderboards
  • Rocket skins and unlockables
  • Sound effects and music
  • More power-ups and gameplay mechanics
  • Better animations and visual effects
  • Daily challenges and achievements

Our goal is to evolve AstroRush into a polished arcade experience that is both fun and educational.

Built With

  • autoprefixer
  • biome
  • clsx
  • d3.js
  • date-fns
  • ecctrl
  • eventsource-parser
  • framer-motion
  • gsap
  • ky
  • lucide-react
  • maath
  • matter.js
  • matter.js-types
  • miaoda-sc-plugin
  • phaser-raycaster
  • phaser-rex-plugins
  • phaser.js
  • pixijs
  • pmndrs-assets
  • postcss
  • react
  • react-dom
  • react-dom-types
  • react-spring-three
  • react-three-drei
  • react-three-fiber
  • react-three-postprocessing
  • react-three-rapier
  • react-three-uikit
  • react-types
  • rot.js
  • simplex-noise
  • supabase
  • tailwind-css
  • tailwind-css-animate
  • tailwind-merge
  • three.js
  • three.js-types
  • tone.js
  • typescript
  • typescript-native-preview
  • vite-react-plugin
  • zustand
Share this project:

Updates