Helicopter Simulation

Kindly view the project via https://helicopter-simulation.vercel.app/

This Helicopter Simulation allows users to manipulate and explore the physics of yaw, pitch, and roll in a 3D environment. The simulation renders a helicopter rotor and a rotating sphere, which dynamically adjust based on user inputs.

Built using React and Three.js, this project ensures a smooth user experience with real-time feedback. Users can modify yaw, pitch, and roll angles to observe how these changes affect the rotor and the rotating sphere's movement. The simulation runs in a Three.js canvas, leveraging the @react-three/fiber library for rendering and Drei for enhanced controls.

Features:

  • Yaw, Pitch, Roll Control: Users can modify these parameters to see real-time changes in the 3D simulation of the rotor and sphere.
  • 3D Visualization: The rotor and sphere are rendered using Three.js, providing a realistic visual of their motion based on applied transformations.
  • Interactive Orbit Controls: Users can freely move around the 3D scene using orbit controls to view the simulation from different angles.
  • Dynamic Object Movement: The rotating sphere moves in a circular path while transforming based on user input for yaw, pitch, and roll angles.
  • Modular Components: The simulation is split into modular React components (RotorWithBall, HelicopterRotor, RotatingSphere) for clarity and scalability.
  • Responsive Design: The application adapts to different screen sizes, offering seamless experiences across devices.