A project to experiment with 3D in a React application, using three.js and React Three Fiber. The final result can be seen here.
The following are the available 3D scenes, with their corresponding url.
A 17th century frigate in an ocean environment. The ship follows the waves' movement, thanks to this implementation of Gerstner waves, slightly modified.
It is also possible to walk around the ship using W, S and the mouse. A basic collisions detection system has been created to move around the ship model: the camera moves at a fixed height over a separate geometry used as a walking surface and can't go beyond it.
Model by "Museovirasto Museiverket Finnish Heritage Agency". The original model's polygon count was too high, so it's been optimized in Blender as much as possible.