Categories
Frontend
Date
Tue Feb 25 2025
3D Keyboard built with React Three Fiber
To get more comfortable within Three.js, I decided to build an actually playable keyboard in React Three Fiber. You can use the left mouse button to play the keys and the right or middle mouse button to rotate the camera.
Tools used
- Blender (3d models)
- React Three Fiber (3d library)
- LABS (piano VST for the sounds)