An advanced web tool to create, visualize, and export custom 3D terrain maps in real-time.
- Interactive Map Interface: Select and capture terrain areas using an intuitive map interface powered by OpenLayers.
- Real-Time 3D Visualization: Transform captured terrain images into interactive 3D models using Three.js.
- Customizable Terrain Editing: Adjust black and white levels, gamma correction, and color gradients to fine-tune terrain details.
- Export Options: Export the captured terrain images and 3D models for use in other applications.
- Responsive Design: Accessible on various devices with an optimized user experience.
-
Clone the repository:
git clone https://github.com/j03rul4nd/create3dterrainmaps.git
-
Navigate to the project directory:
cd create3dterrainmaps -
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Open your browser and navigate to:
http://localhost:3000
-
Capture Terrain:
- Navigate the map to your area of interest.
- Click the "Capture Terrain" button to capture the terrain image.
-
Adjust Terrain Image:
- Use the sliders to adjust black level, white level, and gamma correction.
- Preview the changes in real-time.
-
Generate 3D Terrain:
- Click the "Generate 3D Terrain" button to create the 3D model from the adjusted image.
-
Export Options:
- Export Image: Save the adjusted terrain image as a PNG file.
- Export 3D Model: Download the 3D terrain model in GLTF format.
Contributions are welcome! Please read the contributing guidelines before getting started.
This project is licensed under the MIT License - see the LICENSE file for details.