A TPS-style 3D map of Shinjuku Station's underground mall, built with Three.js and PLATEAU data.
You can view the live demo here.
This project is a 3D map of Shinjuku Station's underground mall, built with Three.js and PLATEAU data. The map is designed to be viewed in a TPS (third-person shooter) style, where the user can move around the map and explore the underground mall from a bird's-eye view.
You can control the character using the arrow keys or the W, A, S, and D keys to move forward, left, backward, and right. Use the mouse to look around.
On mobile devices, use the on-screen joystick UI to move the character and touch and drag on the screen to adjust the camera view.
This project utilizes the following datasets:
Processing Note:
The data was converted to the FlatGeoBuf format using QGIS as part of the preprocessing workflow for efficient use within this project. For detailed steps on converting data to FlatGeoBuf, refer to this article on Qiita.
To run this project locally, follow these steps:
npm install
npm run dev