Animation Previewer

A React-based interactive animation previewer that demonstrates various mathematical patterns and animations using canvas.

Features

• Multiple animation patterns including:
  • Circle
  • Expanding Circle
  • Wave
  • Figure Eight
  • Triangle
  • Spiral
  • Heart
  • Square
  • And many more...
• Real-time control over:
  • Number of points (3-100)
  • Animation radius (10-200)
  • Animation speed (0.01-0.2)
  • Frame rate (1-60 FPS)
• Visual coordinate system
• Smooth animations with customizable parameters

Getting Started

1. Clone the repository
2. Install dependencies:

   npm install

3. Start the development server:

   npm start

4. Open http://localhost:3000 in your browser

Built With

• React
• HTML Canvas
• JavaScript

License

This project is open source and available under the MIT License.