feat: Add FPVCamera component with first-person controls and update d… #2463
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Why
Introduce a minimal first-person camera system for interactive 3D scenes using React Three Fiber. This addresses the need for intuitive and responsive navigation controls in FPS-style applications or visualization tools.
What
Added FPVCamera component with:
Mouse-drag based yaw rotation.
Keyboard-based WASD movement.
Vertical movement support using Space and Shift keys.
Configurable props: rotationSpeed, height, and moveSpeed.
Ensured consistent world-up orientation.
Designed the implementation to be lightweight yet extensible.
Checklist
Documentation updated (docs/controls/FPVCamera.mdx)
Storybook entry added (.storybook/stories/FPVCamera.stories.tsx)
Ready to be merged (As a junior developer, I'd appreciate a review to ensure everything aligns with project standards)