hello, I am having some troubles when creating shapes to represent satellites in orbit using Cesium.
this is what I see when I try to plot a cylinder and some boxes.
I have already checked that WebGPL2 is enabled. Also, I don’t have the same problem visualizing from sandcastle. Did someone already had a problem similar to mine and knows how to solve it ?
thanks in advance!
Thanks for your post, welcome to the Cesium community, and sorry for the slow response.
Do you mind sharing the sandcastle example https://sandcastle.cesium.com/ of your code and more details about what appearance you are expecting, this will make it easier for us to investigate and identify exactly where the issue is with visualizing your scene.
Thank you,
Luke
Hi @Luke_McKinstry , here is the picture I am expecting to see:
Here the czml that I have used to generate a similar picture in sandcastle (in this case the 3 shapes are in the same position, but it doesn’t matter, the effect is still there).
I noted that if I give the shapes a position that does not change with time, the rendering is great. Only when I introduce a time dependent trajectory I see the effect shown in the picture above.
Also note that when I try to display the same from another laptop, the rendering is perfect. I have tried to run the sandcastle example both on Edge and Google Chrome, with the same results.
const czml = [
{
id: "document",
name: "box",
version: "1.0",
},
{
id: "ORB-1",
label: {
eyeOffset: {
cartesian: [
0,
0,
0
]
},
fillColor: {
rgba: [
255,
255,
255,
255
]
},
font: "bold 21pt Arial",
outlineColor: {
rgba: [
0,
0,
0,
255
]
},
outlineWidth: 2,
pixelOffset: {
"cartesian2": [
20,
0
]
},
scale: 0.5,
show: true,
style: "FILL_AND_OUTLINE",
text: "s001"
},
path: {
leadTime: 3600.0,
material: {
solidColor: {
color: {
rgba: [
255,
0,
0,
255
]
}
}
},
resolution: 60.0,
show: true,
trailTime: 3600.0,
width: 2
},
point: {
color: {
rgba: [
255,
0,
0,
255
]
},
pixelSize: 6,
show: true
},
position: [
{
epoch: "2025-09-25T08:36:00.000000Z",
interpolationAlgorithm: "LAGRANGE",
interpolationDegree: 5,
interval: "2025-09-25T08:36:00.000000Z/2025-09-25T09:36:00.000000Z",
referenceFrame: "INERTIAL",
cartesian: [
0.0,
6832405.543045105,
-46368.17622155511,
-20129.97663139282,
6.0000000000000000,
6832567.915983141,
-23462.40081605009,
19572.785439505806,
1800.000000000000000,
6832422.491307224,
-555.5664215990327,
59274.66087233595,
3600.00000000000000,
6831969.280587699,
22351.295035634324,
98973.85604377142
]
}
]
},
{
id: "BOX-1",
box: {
dimensions: {
cartesian: [3, 1, 5]
},
material: {
solidColor: {
color: {
rgba: [255, 0, 0, 100]
}
}
},
fill: true,
outline: true,
show: true
},
parent: "ORB-1",
position: {
reference: "ORB-1#position"
}
// position: {
// cartesian: [6878141, 0, 0]
// }
},
{
id: "BOX-2",
box: {
dimensions: {
cartesian: [3, 1, 0.5]
},
material: {
solidColor: {
color: {
rgba: [255, 0, 0, 100]
}
}
},
fill: true,
outline: true,
show: true
},
parent: "ORB-1",
position: {
reference: "ORB-1#position"
}
// position: {
// cartesian: [6878143, 0, 0]
// }
},
{
id: "CYLINDER",
cylinder: {
topRadius: 3,
bottomRadius: 3,
length: 7,
material: {
solidColor: {
color: {
rgba: [128, 128, 128 ,140]
}
}
},
fill: true,
outline: true,
show: true
},
parent: "ORB-1",
position: {
reference: "ORB-1#position"
}
// position: {
// cartesian: [6878137, 0, 0]
// }
},
];
const viewer = new Cesium.Viewer("cesiumContainer");
const dataSourcePromise = Cesium.CzmlDataSource.load(czml);
viewer.dataSources.add(dataSourcePromise);
viewer.zoomTo(dataSourcePromise);
Also the details of my GPU if it can help (I just realized that people with my same laptop model have the same issue as I have):
Intel(R) Graphics
Driver version: 32.0.101.6987
Driver date: 29/07/2025
DirectX version: 12 (FL 12.1)
@Luke_McKinstry : did you have the chance to check this issue ? I tried to run Cesium on different laptop and the problem seems to be laptop dependent …