Smoother globe zoom & rotation

moritz.becker91 · October 4, 2016, 8:29pm

Hi,

are there configuration options that yield a level smoothness for zooming and rotating the globe that is comparable to WebGL Globe (http://globe.chromeexperiments.com/search)? I tried to play around with some of the options in ScreenSpaceCameraController but I was not able to achieve the desired results.

Thanks

Boris_Gontar · October 5, 2016, 3:34pm

You can try Cesium.Viewer.targetFrameRate

moritz.becker91 · October 7, 2016, 12:00pm

Thank you for your answer!

I tried setting it to 60 and 120 but it did not make any difference.
I did some FPS measurements with the chrome developer tools:
WebGL Globe ~ 32 FPS
Cesium Globe ~ 25 FPS

So there is not so much difference but the handling and usability of the WebGL Globe feels way better. Maybe they are calculating the movements differently?

Svetoslav_Batsoev · October 10, 2016, 3:13am

Maybe you already know but in case you don’t, zooming by right click + drag is much smoother than using scroll wheel. Besides I’ve noticed that it’s much smoother in chrome rather than firefox, maybe chrome has better webgl support?

mich.stefaniak · January 6, 2019, 9:52pm

I'm curious, if the globe can behave like this wonderfull widget:

https://www.revolvermaps.com/mobile/

Smoother probably little delayed rotation, auto rotation when released button, inertia.

I'm planning to create something similiar with clickable planes on 3d cyllinders to mark places I visited on my journeys. I hope it will be possible with cesium.
Maybe someone here could help me to create it based on cesium engine?

omar · January 9, 2019, 4:10pm

The globe does currently have the same kind of inertia, if you rotate and let go it’ll keep spinning for a bit:

And you can actually control the inertia here: https://cesiumjs.org/Cesium/Build/Documentation/ScreenSpaceCameraController.html?classFilter=ScreenSpace#inertiaSpin

The good news is that you can override all the default camera controls, this tutorial talks a bit about it:

Another approach might be to try reading through how the current camera works to modify the values that aren’t exposed. I’d start with ScreenSpaceCameraController to see how it works:

github.com

CesiumGS/cesium/blob/master/Source/Scene/ScreenSpaceCameraController.js

import Cartesian2 from '../Core/Cartesian2.js';
import Cartesian3 from '../Core/Cartesian3.js';
import Cartesian4 from '../Core/Cartesian4.js';
import Cartographic from '../Core/Cartographic.js';
import defaultValue from '../Core/defaultValue.js';
import defined from '../Core/defined.js';
import destroyObject from '../Core/destroyObject.js';
import DeveloperError from '../Core/DeveloperError.js';
import Ellipsoid from '../Core/Ellipsoid.js';
import HeadingPitchRoll from '../Core/HeadingPitchRoll.js';
import IntersectionTests from '../Core/IntersectionTests.js';
import KeyboardEventModifier from '../Core/KeyboardEventModifier.js';
import CesiumMath from '../Core/Math.js';
import Matrix3 from '../Core/Matrix3.js';
import Matrix4 from '../Core/Matrix4.js';
import OrthographicFrustum from '../Core/OrthographicFrustum.js';
import Plane from '../Core/Plane.js';
import Quaternion from '../Core/Quaternion.js';
import Ray from '../Core/Ray.js';
import Transforms from '../Core/Transforms.js';

This file has been truncated. show original

If you find any good tips on making it smoother, I’d be very interested in seeing your results! It’s definitely something we’ve done a lot to improve over the years.