Skip to content

Commit

Permalink
Update Sandcastle
Browse files Browse the repository at this point in the history
  • Loading branch information
@ggetz
ggetz committed Dec 14, 2023
1 parent 4b1aaff commit 4308e10
Show file tree
Hide file tree
Showing 4 changed files with 249 additions and 38 deletions.
281 changes: 244 additions & 37 deletions Apps/Sandcastle/gallery/Clamp Entities to Ground.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -52,6 +52,7 @@
try {
worldTerrain = await Cesium.createWorldTerrainAsync();
viewer.scene.terrainProvider = worldTerrain;
scene.globe.show = false;
} catch (error) {
window.alert(`There was an error creating world terrain. ${error}`);
}
Expand All @@ -65,43 +66,7 @@
${error}`);
}

// Points, labels, and billboards can be rendered on the surface
const pointAndLabel = viewer.entities.add({
position: Cesium.Cartesian3.fromDegrees(-122.1965, 46.1915),
point: {
color: Cesium.Color.CORNFLOWERBLUE,
pixelSize: 18,
outlineColor: Cesium.Color.DARKSLATEGREY,
outlineWidth: 3,
heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
disableDepthTestDistance: Number.POSITIVE_INFINITY,
},
label: {
text: "Clamped to ground",
font: "14pt sans-serif",
heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
verticalOrigin: Cesium.VerticalOrigin.BASELINE,
fillColor: Cesium.Color.GHOSTWHITE,
showBackground: true,
backgroundColor: Cesium.Color.DARKSLATEGREY.withAlpha(0.8),
backgroundPadding: new Cesium.Cartesian2(8, 4),
pixelOffset: new Cesium.Cartesian2(15, 6),
disableDepthTestDistance: Number.POSITIVE_INFINITY,
},
});

const billboard = viewer.entities.add({
position: Cesium.Cartesian3.fromDegrees(-122.1958, 46.1915),
billboard: {
image: "../images/facility.gif",
heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
},
});

viewer.trackedEntity = pointAndLabel;

Sandcastle.addDefaultToolbarMenu([
Sandcastle.addToolbarMenu([
{
text: "3D Tiles",
onselect: () => {
Expand All @@ -117,6 +82,248 @@
},
},
]);

Sandcastle.addDefaultToolbarMenu([
{
//
// To clamp points or billboards set the heightReference to CLAMP_TO_GROUND or RELATIVE_TO_GROUND
//
text: "Draw Point with Label",
onselect: function () {
const pointAndLabel = viewer.entities.add({
position: Cesium.Cartesian3.fromDegrees(-122.1965, 46.1915),
point: {
color: Cesium.Color.CORNFLOWERBLUE,
pixelSize: 18,
outlineColor: Cesium.Color.DARKSLATEGREY,
outlineWidth: 3,
heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
disableDepthTestDistance: Number.POSITIVE_INFINITY,
},
label: {
text: "Clamped to ground",
font: "14pt sans-serif",
heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
verticalOrigin: Cesium.VerticalOrigin.BASELINE,
fillColor: Cesium.Color.GHOSTWHITE,
showBackground: true,
backgroundColor: Cesium.Color.DARKSLATEGREY.withAlpha(0.8),
backgroundPadding: new Cesium.Cartesian2(8, 4),
pixelOffset: new Cesium.Cartesian2(15, 6),
disableDepthTestDistance: Number.POSITIVE_INFINITY,
},
});
viewer.trackedEntity = pointAndLabel;
},
},
{
text: "Draw Billboard",
onselect: function () {
const e = viewer.entities.add({
position: Cesium.Cartesian3.fromDegrees(-122.1958, 46.1915),
billboard: {
image: "../images/facility.gif",
heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
},
});

viewer.trackedEntity = e;
},
},
{
//
// Corridors, polygons and rectangles will be clamped automatically if they are filled with a constant color and
// has no height or extruded height.
// NOTE: Setting height to 0 will disable clamping.
//
text: "Draw Corridor",
onselect: function () {
const e = viewer.entities.add({
corridor: {
positions: Cesium.Cartesian3.fromDegreesArray([
-122.19,
46.1914,
-122.21,
46.21,
-122.23,
46.21,
]),
width: 2000.0,
material: Cesium.Color.GREEN.withAlpha(0.5),
},
});

viewer.zoomTo(e);
},
},
{
text: "Draw Polygon",
onselect: function () {
const e = viewer.entities.add({
polygon: {
hierarchy: {
positions: [
new Cesium.Cartesian3(
-2358138.847340281,
-3744072.459541374,
4581158.5714175375
),
new Cesium.Cartesian3(
-2357231.4925370603,
-3745103.7886602185,
4580702.9757762635
),
new Cesium.Cartesian3(
-2355912.902205431,
-3744249.029778454,
4582402.154378103
),
new Cesium.Cartesian3(
-2357208.0209552636,
-3743553.4420488174,
4581961.863286629
),
],
},
material: Cesium.Color.BLUE.withAlpha(0.5),
},
});

viewer.zoomTo(e);
},
},
{
text: "Draw Textured Polygon",
onselect: function () {
if (
!Cesium.Entity.supportsMaterialsforEntitiesOnTerrain(
viewer.scene
)
) {
window.alert(
"Terrain Entity materials are not supported on this platform"
);
return;
}

const e = viewer.entities.add({
polygon: {
hierarchy: {
positions: [
new Cesium.Cartesian3(
-2358138.847340281,
-3744072.459541374,
4581158.5714175375
),
new Cesium.Cartesian3(
-2357231.4925370603,
-3745103.7886602185,
4580702.9757762635
),
new Cesium.Cartesian3(
-2355912.902205431,
-3744249.029778454,
4582402.154378103
),
new Cesium.Cartesian3(
-2357208.0209552636,
-3743553.4420488174,
4581961.863286629
),
],
},
material: "../images/Cesium_Logo_Color.jpg",
classificationType: Cesium.ClassificationType.TERRAIN,
stRotation: Cesium.Math.toRadians(45),
},
});

viewer.zoomTo(e);
},
},
{
text: "Draw Rectangle",
onselect: function () {
const e = viewer.entities.add({
rectangle: {
coordinates: Cesium.Rectangle.fromDegrees(
-122.3,
46.0,
-122.0,
46.3
),
material: Cesium.Color.RED.withAlpha(0.5),
},
});

viewer.zoomTo(e);
},
},
{
text: "Draw Model",
onselect: function () {
const e = viewer.entities.add({
position: Cesium.Cartesian3.fromDegrees(-122.1958, 46.1915),
model: {
uri: "../../SampleData/models/CesiumMan/Cesium_Man.glb",
heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
minimumPixelSize: 128,
maximumScale: 100,
},
});

viewer.trackedEntity = e;
},
},
{
text: "Draw polyline",
onselect: function () {
if (!Cesium.Entity.supportsPolylinesOnTerrain(viewer.scene)) {
window.alert(
"Polylines on terrain are not supported on this platform"
);
}

viewer.entities.add({
polyline: {
positions: Cesium.Cartesian3.fromDegreesArray([
86.953793,
27.928257,
86.953793,
27.988257,
86.896497,
27.988257,
]),
clampToGround: true,
width: 5,
material: new Cesium.PolylineOutlineMaterialProperty({
color: Cesium.Color.ORANGE,
outlineWidth: 2,
outlineColor: Cesium.Color.BLACK,
}),
},
});

const target = new Cesium.Cartesian3(
300770.50872389384,
5634912.131394585,
2978152.2865545116
);
const offset = new Cesium.Cartesian3(
6344.974098678562,
-793.3419798081741,
2499.9508860763162
);
viewer.camera.lookAt(target, offset);
viewer.camera.lookAtTransform(Cesium.Matrix4.IDENTITY);
},
},
]);

Sandcastle.reset = function () {
viewer.entities.removeAll();
};
//Sandcastle_End
};
if (typeof Cesium !== "undefined") {
Expand Down
Binary file added Apps/Sandcastle/gallery/Clamp Entities to Ground.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Apps/Sandcastle/gallery/Clamp Model to Ground.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 5 additions & 1 deletion packages/engine/Source/Scene/Scene.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3598,7 +3598,11 @@ Scene.prototype.getHeight = function (cartographic, heightReference) {
const length = this.primitives.length;
for (let i = 0; i < length; ++i) {
const primitive = this.primitives.get(i);
if (!primitive.isCesium3DTileset || primitive.disableCollision) {
if (
!primitive.isCesium3DTileset ||
!primitive.show ||
primitive.disableCollision
) {
continue;
}

Expand Down

0 comments on commit 4308e10

Please sign in to comment.