https://github.com/orabazu/threejs-dem-visualizer
Visualizing ASTER and LANDSAT satellite data using THREE.js
https://github.com/orabazu/threejs-dem-visualizer
aster digital-elevation-model landsat threejs webpack
Last synced: 4 months ago
JSON representation
Visualizing ASTER and LANDSAT satellite data using THREE.js
- Host: GitHub
- URL: https://github.com/orabazu/threejs-dem-visualizer
- Owner: orabazu
- License: mit
- Created: 2019-01-26T23:50:02.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-09T11:28:09.000Z (over 2 years ago)
- Last Synced: 2023-12-16T15:15:15.684Z (almost 2 years ago)
- Topics: aster, digital-elevation-model, landsat, threejs, webpack
- Language: JavaScript
- Homepage: https://orabazu.github.io/threejs-dem-visualizer/
- Size: 6.47 MB
- Stars: 66
- Watchers: 1
- Forks: 13
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# threejs-dem-visualizer
## Detailed explanation on Medium:
https://medium.com/@zubazor/visualizing-a-mountain-using-three-js-landsat-and-srtm-26275c920e34
### Features :
- DEM(Digital Elevation Model) and satellite image data is downloaded from [USGS](https://earthexplorer.usgs.gov/)
- ASTER and LANDSAT satellite's data is used.
- Geotiff files generated using QGIS [QGIS](https://qgis.org/tr/site/)
### Installation
```
git clone git@github.com:orabazu/threejs-dem-visualizer.git
cd threejs-dem-visualizer
yarn install
```
### Usage
Generate all js/css bundles
```
yarn build
```
Developement
```
yarn start
```
Go to `localhost:8080` to see your project live!
### Credits
Skeleton of the code is built on https://github.com/jackdbd/threejs-es6-webpack-starter project. I added some css for loading since reading geotiff files take time. If you have problems on build better to follow original instructions.
Demo of [jonathanlurie](https://github.com/jonathanlurie/ThreejsDEM) and [mapmasters] (http://blog.mastermaps.com/2013/10/terrain-building-with-threejs.html) were realy helpfull to understand the logic of DEM to three.js convertion