react-ts-asteroids v0.4.2

React TypeScript Asteroids

A classic Asteroids game implementation as a React component, written in TypeScript.

Installation

npm install react-ts-asteroids

Quick Start

1. Import the Asteroids component:

import { Asteroids } from 'react-ts-asteroids';

2. Add it to your React application:

function App() {
  return (
    <div style={{ width: '100%', height: '100vh' }}>
      <Asteroids />
    </div>
  );
}

Note: The container element must have a defined width and height for the game to render properly.

Controls

• Use AW or ←↓ to move the ship
• Use SPACE to shoot

Features

• Classic Asteroids gameplay
• Responsive design - adapts to container size
• Score tracking with local storage for high scores
• Particle effects for explosions and thrusters
• Written in TypeScript with React

License

ISC