https://github.com/big-silver/cesium-gradient
An elevation visualizer for Cesium
https://github.com/big-silver/cesium-gradient
cesium cesium-gradient javascript shader-loader webpack
Last synced: about 1 year ago
JSON representation
An elevation visualizer for Cesium
- Host: GitHub
- URL: https://github.com/big-silver/cesium-gradient
- Owner: Big-Silver
- License: other
- Created: 2019-07-11T16:45:15.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2022-12-08T23:55:11.000Z (over 3 years ago)
- Last Synced: 2025-03-24T04:43:35.901Z (over 1 year ago)
- Topics: cesium, cesium-gradient, javascript, shader-loader, webpack
- Language: JavaScript
- Homepage:
- Size: 979 KB
- Stars: 12
- Watchers: 0
- Forks: 1
- Open Issues: 16
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
cesium-gradient
=========================
An elevation visualiser for [Cesium](https://cesiumjs.org/) acting as an imagery provider. Elevation samples from a terrain provider are passed to a 2D WebGL renderer. The renderer then applies a combination of the following algorithms:
* Colour ramp
* Hillshade
* Contour lines
Run the test app with a local server
------------------------------------
```
npm install
npm start
```
Then browse to [http://localhost:8080](http://localhost:8080)
Using in your app
-----------------
This code uses GLSL shaders. It is currently set up to load them using [shader-loader for webpack](https://github.com/makio64/shader-loader). If you happen to be using webpack on your project then you should be able to...
* install shader-loader:
```
npm install shader-loader --save-dev
```
* set it up in your webpack.config.js:
```
module: {
loaders: [{
test: /\.(glsl|vs|fs)$/,
loaders: ['shader']
}]
}
```
* import (or require()) into your app
```
import ElevationGradientImageryProvider from '/lib/ElevationGradientImageryProvider'
```