Ball on Beam Simulation

A simple simulation of a Ball on Beam system using React, SVG, and a PID controller. This project allows users to interactively tune the controller and observe how the ball reacts to different target positions and beam lengths.

Features

• Real-time simulation of ball movement on a rotating beam
• User-controlled PID tuning

Technologies Used

• React
• JavaScript
• SVG for animation

Installation and Running Locally

Prerequisites

• Node.js
• npm

Installation

1. Clone the repository:

git clone https://github.com/rotasn/ball-on-beam.git
cd ball-on-beam

2. Install dependencies:

npm install

3. Run the development server:

npm run dev

Using the Simulation

1. Enter a desired position for the ball (0-300) in the input field
2. Adjust the P, I, and D sliders to see how different control parameters affect the ball's movement

License

MIT

Author

Nikolaos Rotas