This was fun experiment that was built during a Hackathon at PLAYERUNKNOWN Productions.
Explore the immense size of Preface with this interactive world viewer. You can teleport to any location in the world and see the coordinates of your current position.
Clicking on the planet will generate a deep link that you can share with others to take them to that exact location!
- Interactive 3D globe navigation
- Real-time coordinate display
- Shareable deep links for specific locations
- Smooth camera transitions
Feel free to submit a Pull Request (PR) if you have any ideas or improvements.
Let your imagination run wild. Here are some ideas:
- Add markers for clicked locations
- Create custom tours of the Preface world (with deep links)
- Add pins for notable landmarks
- Implement a search functionality
- Add distance measurements between points
- Mobile-friendly interface
Built with Three.js, WebGL, and vanilla JavaScript. Uses a 6-sided cube texture for the sphere and Vite for bundling. Features some handy coordinate calculations functions that you might find useful 😉
- Node.js + npm - install from https://nodejs.org/en
- Install dependencies:
npm install- Run the development server:
npm run dev- Build for production:
npm run buildThe static files will be generated in the dist folder and can be deployed to any static file server.
The code in this repository is licensed under the MIT license (see LICENSE).