How to improve the cesium ion 3D Tiles resolution?

CesiumJS
1

Hello,

I am looking for the solution of 3D Tiles resolution. I am uploading 3D Tiles into cesium ION and rendering the same in my application. But the resolution of 3D tiles is degraded in my application.

I have decrease the value of Cesium3DTileset property “maximumScreenSpaceError” , but didn’t work. Previously I am using default value(16), I set it to maximumScreenSpaceError : 2, but no much improvement.

– When I run the 3D Tiles in “3D Tiles Location Editor” resolution is very good.

3DTileLocationEditor.jpg
3DTileLocationEditor.jpg1919×1005 1.03 MB

– When I run the 3D Tiles in Sandcastle code example the resolution is very low.

This is the sandcastle link:

https://cesiumjs.org/Cesium/Build/Apps/Sandcastle/index.html?src=Hello%20World.html&label=Showcases&code=eyJjb2RlIjoiLy8gR3JhbnQgQ2VzaXVtSlMgYWNjZXNzIHRvIHlvdXIgaW9uIGFzc2V0c1xuQ2VzaXVtLklvbi5kZWZhdWx0QWNjZXNzVG9rZW4gPSAnZXlKaGJHY2lPaUpJVXpJMU5pSXNJblI1Y0NJNklrcFhWQ0o5LmV5SnFkR2tpT2lKbVpHUXlZbVZqTVMwM1lUSXpMVFEyTkdFdE9UQXdPUzB4WkdZek5XRmpaamMyTmpBaUxDSnBaQ0k2TVRJNExDSnBZWFFpT2pFME9URTFOakkwTnpkOS56OUh1R2w3R1NPVTVHSk1KWGctYzNrZXdGYzVBQzZzZERpYXU5eW0yVFJvJztcblxudmFyIHZpZXdlciA9IG5ldyBDZXNpdW0uVmlld2VyKCdjZXNpdW1Db250YWluZXInKTtcblxudmFyIHRpbGVzZXQgPSB2aWV3ZXIuc2NlbmUucHJpbWl0aXZlcy5hZGQoXG4gICAgbmV3IENlc2l1bS5DZXNpdW0zRFRpbGVzZXQoe1xuICAgICAgICB1cmw6IENlc2l1bS5Jb25SZXNvdXJjZS5mcm9tQXNzZXRJZCgzNjYyMylcbiAgICB9KVxuKTtcblxudmlld2VyLnpvb21Ubyh0aWxlc2V0KVxuICAgIC5vdGhlcndpc2UoZnVuY3Rpb24gKGVycm9yKSB7XG4gICAgICAgIGNvbnNvbGUubG9nKGVycm9yKTtcbiAgICB9KTtcbiIsImh0bWwiOiI8c3R5bGU+XG4gICAgQGltcG9ydCB1cmwoLi4vdGVtcGxhdGVzL2J1Y2tldC5jc3MpO1xuPC9zdHlsZT5cbjxkaXYgaWQ9XCJjZXNpdW1Db250YWluZXJcIiBjbGFzcz1cImZ1bGxTaXplXCI+PC9kaXY+XG48ZGl2IGlkPVwibG9hZGluZ092ZXJsYXlcIj5cbiAgICA8aDE+TG9hZGluZy4uLjwvaDE+XG48L2Rpdj5cbjxkaXYgaWQ9XCJ0b29sYmFyXCI+PC9kaXY+XG4ifQ==

Guy’s is there any solution for this in cesium?

Thanks

2

The difference between the preview and the Sandcastle is that the former is using point cloud shading to enable point attenuation and eye dome lighting. See this code example for how to turn on and configure these properties:

var tileset = viewer.scene.primitives.add(

new Cesium.Cesium3DTileset({

url: …,

pointCloudShading: {

attenuation: true,

maximumAttenuation: 2

}

})

);

``

Here’s a Sandcastle example:

https://cesiumjs.org/Cesium/Build/Apps/Sandcastle/index.html?src=3D%20Tiles%20Point%20Cloud%20Shading.html

Let me know if that gets you the desired result!

3

Thanks Omar. By using pointCloudShading properties getting desired result…

4

Awesome! I’ve opened an issue for this on the ion community repo here:

https://github.com/AnalyticalGraphicsInc/cesium-ion-community/issues/209

If you have any other similar feedback, feel free to post it on there as well. We’ve been trying to streamline collecting feedback and improving usability things like this, so I definitely appreciate you bringing this up.