ftp://rockyftp.cr.usgs.gov/vdelivery/Datasets/Staged/NED/1/IMG/n47w093.zip
ftp://rockyftp.cr.usgs.gov/vdelivery/Datasets/Staged/NED/1/IMG/n47w094.zip
ftp://rockyftp.cr.usgs.gov/vdelivery/Datasets/Staged/NED/1/IMG/n47w095.zip
ftp://rockyftp.cr.usgs.gov/vdelivery/Datasets/Staged/NED/1/IMG/n48w093.zip
ftp://rockyftp.cr.usgs.gov/vdelivery/Datasets/Staged/NED/1/IMG/n48w094.zip
ftp://rockyftp.cr.usgs.gov/vdelivery/Datasets/Staged/NED/1/IMG/n48w095.zip

Driver: VRT/Virtual Raster
Size is 10812, 7212
Coordinate System is:
GEOGCS["GCS_North_American_1983",
    DATUM["North_American_Datum_1983",
        SPHEROID["GRS_1980",6378137.0,298.257222101]],
    PRIMEM["Greenwich",0.0],
    UNIT["Degree",0.017453292519943295],
    VERTCS["Unknown VCS",
        VDATUM["Unknown"],
        PARAMETER["Vertical_Shift",0.0],
        PARAMETER["Direction",1.0],
        UNIT["Meter",1.0]]]
Origin = (-95.001666666670019,48.001666666664150)
Pixel Size = (0.000277777777778,-0.000277777777778)
Corner Coordinates:
Upper Left  ( -95.0016667,  48.0016667) ( 95d 0' 6.00"W, 48d 0' 6.00"N)
Lower Left  ( -95.0016667,  45.9983333) ( 95d 0' 6.00"W, 45d59'54.00"N)
Upper Right ( -91.9983333,  48.0016667) ( 91d59'54.00"W, 48d 0' 6.00"N)
Lower Right ( -91.9983333,  45.9983333) ( 91d59'54.00"W, 45d59'54.00"N)
Center      ( -93.5000000,  47.0000000) ( 93d30' 0.00"W, 47d 0' 0.00"N)
Band 1 Block=128x128 Type=Float32, ColorInterp=Undefined
  Min=181.536 Max=594.238   Computed Min/Max=181.536,594.238
  NoData Value=-3.40282346638528898e+38

 // Width and height of the browser window
    var WINDOW_WIDTH = window.innerWidth;
    var WINDOW_HEIGHT = window.innerHeight;

    // Where our lights and cameras will go
    var scene = new THREE.Scene();
    var axes = new THREE.AxisHelper(200);
    
    // Keeps track of time
    var clock = new THREE.Clock();

    // How we will see the scene
    var camera = new THREE.PerspectiveCamera(45, WINDOW_WIDTH / WINDOW_HEIGHT, 0.1, 1000);

    // Position the camera slightly above and in front of the scene
    camera.position.set(0, -50, 50);
    camera.up = new THREE.Vector3(0,0,1);

    // Look at the center of the scene
    camera.lookAt(scene.position);

    // Think of the renderer as the engine that drives the scene
    var renderer = new THREE.WebGLRenderer();
    renderer.setSize(WINDOW_WIDTH, WINDOW_HEIGHT);

    // Set the pixel ratio of the screen (for high DPI screens)
    renderer.setPixelRatio(window.devicePixelRatio);

    // Set the background of the scene to a orange/red
    renderer.setClearColor("#ededed");

    // Set renderer to the size of the window
    renderer.setSize(WINDOW_WIDTH, WINDOW_HEIGHT);

    

    // Apply VR stereo rendering to renderer
    var effect = new THREE.VREffect(renderer);
    effect.setSize(WINDOW_WIDTH, WINDOW_HEIGHT);

    var manager = new WebVRManager(renderer, effect);

    // URL to our DEM resource
    var terrainURL = "dem/ne_minnesota.bin";

    // Utility to load the DEM data
    var terrainLoader = new THREE.TerrainLoader();

    // We'll need this later
    var surface;

    // Create the plane geometry
    var geometry = new THREE.PlaneGeometry(60, 60, 199, 199);

    // The terrainLoader loads the DEM file and defines a function to be called when the file is successfully downloaded.
    terrainLoader.load(terrainURL, function(data){

        // Adjust each vertex in the plane to correspond to the height value in the DEM file.
        for (var i = 0, l = geometry.vertices.length; i < l; i++) {
            geometry.vertices[i].z = data[i] / 65535 * 10;
        }

       var material = new THREE.MeshPhongMaterial({
            color: "#000000", 
            wireframe: true
        });

        var plane = new THREE.Mesh(geometry, material);

        scene.add(plane);
    });

    // Lights!
    var dirLight = new THREE.DirectionalLight( 0xffffff, 0.75);
    dirLight.position.set( -1, 1, 1).normalize();

    var ambiLight = new THREE.AmbientLight(0x999999);

    // Add the lights to the scene
    scene.add(ambiLight);
    scene.add(dirLight);

    // Detect mobile devices in the user agent
    var is_mobile= /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);

    // Conditionally load VR or Fly controls, based on whether we're on a mobile device
    if (is_mobile) {
        var controls = new THREE.VRControls(camera);
    } else {
        // WASD-style movement controls
        var controls = new THREE.FlyControls(camera);

        // Disable automatic forward movement
        controls.autoForward = false;

        // Click and drag to look around with the mouse
        controls.dragToLook = true;

        // Movement and roll speeds, adjust these and see what happens!
        controls.movementSpeed = 20;
        controls.rollSpeed = Math.PI / 12;
    }

    // Append the renderer to the DOM
    document.body.appendChild( renderer.domElement );

    // Render loop
    // This should go at the bottom of the script.
    function render() {

        // Get the difference from when the clock was last updated and update the controls based on that value.
        var delta = clock.getDelta();
        controls.update(delta);

        // Update the scene through the manager.
        manager.render(scene, camera);

        // Call the render function again
        requestAnimationFrame( render );

    }

    render();

var material = new THREE.MeshPhongMaterial({
    map: THREE.ImageUtils.loadTexture('dem/final2.png')
});