281 lines
7.3 KiB
HTML
281 lines
7.3 KiB
HTML
<!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/GroundVehicle/GroundVehicle.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>
|