<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta name="description" content="Shadow maps.">
    <meta name="cesium-sandcastle-labels" content="Showcases">
    <title>Cesium Demo</title>
    <script type="text/javascript" src="../Sandcastle-header.js"></script>
    <script type="text/javascript" src="../../../ThirdParty/requirejs-2.1.20/require.js"></script>
    <script type="text/javascript">
    require.config({
        baseUrl : '../../../Source',
        waitSeconds : 60
    });
    </script>
</head>
<body class="sandcastle-loading" data-sandcastle-bucket="bucket-requirejs.html">
<style>
    @import url(../templates/bucket.css);
    #toolbar .cesium-button { display: block; }
</style>
<div id="cesiumContainer" class="fullSize"></div>
<div id="loadingOverlay"><h1>Loading...</h1></div>
<div id="toolbar"></div>
<script id="cesium_sandcastle_script">
function startup(Cesium) {
    'use strict';
//Sandcastle_Begin
var viewer = new Cesium.Viewer('cesiumContainer', {
    infoBox: false,
    selectionIndicator: false,
    shadows: true,
    terrainShadows: Cesium.ShadowMode.ENABLED,
    shouldAnimate: true,
    terrainProvider: Cesium.createWorldTerrain()
});

var shadowMap = viewer.shadowMap;
shadowMap.maxmimumDistance = 10000.0;

var cesiumAir = viewer.entities.add({
    name : 'Cesium Air',
    height : 20.0,
    model : {
        uri : '../../SampleData/models/CesiumAir/Cesium_Air.glb'
    }
});

var groundVehicle = viewer.entities.add({
    name : 'Ground Vehicle',
    height : 0.0,
    model : {
        uri : '../../SampleData/models/CesiumGround/Cesium_Ground.glb'
    }
});

var cesiumMan = viewer.entities.add({
    name : 'Cesium Man',
    height : 0.0,
    model : {
        uri : '../../SampleData/models/CesiumMan/Cesium_Man.glb'
    }
});

var woodTower = viewer.entities.add({
    name : 'Wood Tower',
    height : 0.0,
    model : {
        uri : '../../SampleData/models/WoodTower/Wood_Tower.gltf'
    }
});

var simpleCity = viewer.entities.add({
    name : 'Simple City',
    height : 0.0,
    model : {
        uri : '../../SampleData/models/ShadowTester/Shadow_Tester_4.gltf'
    }
});

var boxEntity = viewer.entities.add({
    name : 'Box',
    height : 10.0,
    box : {
        dimensions : new Cesium.Cartesian3(10.0, 10.0, 10.0),
        material : Cesium.Color.RED,
        shadows : Cesium.ShadowMode.ENABLED
    }
});

var checkerMaterial = new Cesium.CheckerboardMaterialProperty({
    evenColor : Cesium.Color.RED.withAlpha(0.5),
    oddColor : Cesium.Color.RED.withAlpha(0.0),
    repeat : new Cesium.Cartesian2(5.0, 10.0)
});

var checkerEntity = viewer.entities.add({
    name : 'Checkered Box',
    height : 10.0,
    box : {
        dimensions : new Cesium.Cartesian3(10.0, 10.0, 10.0),
        material : checkerMaterial,
        outline : true,
        outlineColor : Cesium.Color.RED,
        shadows : Cesium.ShadowMode.ENABLED
    }
});

var sphereEntity = viewer.entities.add({
    name : 'Sphere',
    height : 20.0,
    ellipsoid : {
        radii : new Cesium.Cartesian3(15.0, 15.0, 15.0),
        material : Cesium.Color.BLUE.withAlpha(0.5),
        slicePartitions : 24,
        stackPartitions : 36,
        shadows : Cesium.ShadowMode.ENABLED
    }
});

var locations = {
    Exton : {
        longitude : -1.31968,
        latitude : 0.698874,
        height : 74.14210186070714,
        date : 2457522.154792
    },
    HalfDome : {
        longitude : -2.086267733294987,
        latitude : 0.6587491773830219,
        height : 2640.716312584986,
        date : 2457507.247512
    },
    Everest : {
        longitude : 1.517132688,
        latitude : 0.4884844964,
        height : 8773.17824498951,
        date : 2457507.620845
    },
    PinnaclePA : {
        longitude : -1.3324415110874286,
        latitude : 0.6954224325279967,
        height : 179.14276256241743,
        date : 2457523.041620
    },
    SenecaRocks : {
        longitude : -1.3851775172879768,
        latitude : 0.6778211831093554,
        height : 682.5893300695776,
        date : 2457522.097512
    },
    Space : {
        longitude : -1.31968,
        latitude : 0.698874,
        height : 2000000.0,
        date : 2457522.154792
    }
};

var i;
var entities = viewer.entities.values;
var entitiesLength = entities.length;

function setLocation(location) {
    var longitude = location.longitude;
    var latitude = location.latitude;
    var height = location.height;

    for (i = 0; i < entitiesLength; ++i) {
        var entity = entities[i];
        entity.position = Cesium.Cartesian3.fromRadians(longitude, latitude, height + entity.height);
    }

    viewer.clock.currentTime = new Cesium.JulianDate(location.date);
    viewer.clock.multiplier = 1.0;
}

function setLocationFunction(location) {
    return function() {
        setLocation(location);
    };
}

var locationToolbarOptions = [];
for (var locationName in locations) {
    if (locations.hasOwnProperty(locationName)) {
        var location = locations[locationName];
        locationToolbarOptions.push({
            text : locationName,
            onselect : setLocationFunction(location)
        });
    }
}

Sandcastle.addToolbarMenu(locationToolbarOptions);

function setEntity(entity) {
    for (i = 0; i < entitiesLength; ++i) {
        entities[i].show = false;
    }
    entity.show = true;
    viewer.trackedEntity = entity;
}

function setEntityFunction(entity) {
    return function() {
        setEntity(entity);
    };
}

var entityToolbarOptions = [];
for (i = 0; i < entitiesLength; ++i) {
    var entity = entities[i];
    entityToolbarOptions.push({
        text : entity.name,
        onselect : setEntityFunction(entity)
    });
}

Sandcastle.addToolbarMenu(entityToolbarOptions);

Sandcastle.addToggleButton('Shadows', viewer.shadows, function(checked) {
    viewer.shadows = checked;
});

Sandcastle.addToggleButton('Entity Shadows', true, function(checked) {
    var entityShadows = checked ? Cesium.ShadowMode.ENABLED : Cesium.ShadowMode.DISABLED;
    for (i = 0; i < entitiesLength; ++i) {
        var entity = entities[i];
        var visual = entity.model || entity.box || entity.ellipsoid;
        visual.shadows = entityShadows;
    }
});

Sandcastle.addToggleButton('Terrain Shadows', viewer.terrainShadows === Cesium.ShadowMode.ENABLED, function(checked) {
    viewer.terrainShadows = checked ? Cesium.ShadowMode.ENABLED : Cesium.ShadowMode.DISABLED;
});

Sandcastle.addToggleButton('Soft Shadows', shadowMap.softShadows, function(checked) {
    shadowMap.softShadows = checked;
});

Sandcastle.addToolbarMenu([{
    text : 'Size : 2048',
    onselect : function() {
        shadowMap.size = 2048;
    }
}, {
    text : 'Size : 1024',
    onselect : function() {
        shadowMap.size = 1024;
    }
}, {
    text : 'Size : 512',
    onselect : function() {
        shadowMap.size = 512;
    }
}, {
    text : 'Size : 256',
    onselect : function() {
        shadowMap.size = 256;
    }
}]);

setLocation(locations.Exton);
setEntity(cesiumAir);

//Sandcastle_End
Sandcastle.finishedLoading();
}
if (typeof Cesium !== "undefined") {
    startup(Cesium);
} else if (typeof require === "function") {
    require(["Cesium"], startup);
}
</script>
</body>
</html>
