This project is a web-based application that demonstrates the functionality of a robotic arm through 3D visualization. It allows users to input coordinates and configure the arm's movement. The app calculates the inverse kinematics of the robot, displays the computed angles, and visualizes the trajectory and joints in a 3D scene.
- Coordinate input with adjustable step sizes (0.01, 0.1, 1, 10, 50).
- Configuration options for the arm (right/left) and elbow (up/down).
- Real-time WebSocket communication with the backend for kinematics calculation.
- Interactive 3D visualization with dynamic joint and trajectory rendering.
- Clone the repository:
git clone https://github.com/yourusername/your-repo-name.git
- Navigate to the project folder:
cd your-repo-name - Install dependencies:
npm install
- Start the development server:
npm run dev
- Input and Configuration:
- Specify target coordinates (X, Y, Z) and select configuration options.
- WebSocket Communication:
- Sends input data to the backend and receives joint angles and trajectory points.
- 3D Visualization:
- Visualizes the robot’s trajectory and joints dynamically.
- Launch the frontend using
npm run dev. - Input desired target coordinates and configure the arm.
- Press "Calculate Inverse" and observe the results in the 3D scene.
- React: Frontend framework.
- Three.js: 3D rendering library.
- WebSocket: Real-time backend communication.
This project is licensed under the Mozilla Public License Version 2.0