turban / webgl-terrain Goto Github PK
View Code? Open in Web Editor NEWWebGL terrain experiments with Three.js
WebGL terrain experiments with Three.js
Hi there, awesome examples!
May I request you set a license for these examples?
My recommendation is MIT or 'The Unlicense'.
Links to the openWMS topo2 server are outdated and need to be updated.
Would be nice if a link to the demo could be added.
Hello!
First of all, thank you for your great blog post on the subject of three.js and terrain meshes.
I tried following your blog's instructions as closely as possible, but I cannot get your TerrainLoader to parse the binary files I created with GDAL. However, if I use the files from your blog in your repos (e.g., jotunheimen.bin) the TerrainLoader parses that just fine.
I am trying to use arbitrary geotiffs because I want to be able to use your method for several DEM's.
Let me walk you through my steps:
I downloaded this topographic image of the earth
I used GDAL to convert the jpeg to a geotiff with the following command:
gdal_translate -a_srs WGS84 -a_ullr -180 +90 +180 -90 earth.jpg earth.tiff
I used Gdalinfo to confirm the geotiff created had the correct metadata (it did)
I used the command at the end of your blogpost to convert this geotiff to a binary file
gdal_translate -scale 982 1905 0 65535 -ot UInt16 -of ENVI earth.tif earth.bin
this created 3 files, including a .bin, I placed all three files in a directory in my node application, then I tried to load it using your TerrainLoader:
var terrainLoader = new THREE.TerrainLoader(); terrainLoader.load('./data/earth.bin', function(data) { console.log(data); });
And I get back an array of UInt16, but every index in the array is '0'. So there is no elevation data, any idea what I'm doing wrong? I'd really love to make this work!
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.