Small fixes, demo update, fix to FadeRenderer

example/googleMapsExample.js

@@ -194,10 +194,12 @@ function updateHtml() {
 
 	// render html text updates
 	const cacheFullness = tiles.lruCache.itemList.length / tiles.lruCache.maxSize;
-	let str = `Downloading: ${ tiles.stats.downloading } Parsing: ${ tiles.stats.parsing } Visible: ${ tiles.visibleTiles.size }`;
+	let str = '';
 
 	if ( params.enableCacheDisplay ) {
 
+		str += `Downloading: ${ tiles.stats.downloading } Parsing: ${ tiles.stats.parsing } Visible: ${ tiles.visibleTiles.size }<br/>`;
+
 		const geomSet = new Set();
 		tiles.traverse( tile => {
 
@@ -224,15 +226,15 @@ function updateHtml() {
 			count += estimateBytesUsed( g );
 
 		} );
-		str += `<br/>Cache: ${ ( 100 * cacheFullness ).toFixed( 2 ) }% ~${ ( count / 1000 / 1000 ).toFixed( 2 ) }mb`;
+		str += `Cache: ${ ( 100 * cacheFullness ).toFixed( 2 ) }% ~${ ( count / 1000 / 1000 ).toFixed( 2 ) }mb<br/>`;
 
 	}
 
 	if ( params.enableRendererStats ) {
 
 		const memory = renderer.info.memory;
 		const programCount = renderer.info.programs.length;
-		str += `<br/>Geometries: ${ memory.geometries } Textures: ${ memory.textures } Programs: ${ programCount }`;
+		str += `Geometries: ${ memory.geometries } Textures: ${ memory.textures } Programs: ${ programCount }`;
 
 	}
 

example/src/FadeTilesRenderer.js

@@ -30,7 +30,7 @@ function onTileVisibilityChange( scene, tile, visible ) {
 
 		}
 
-		if ( ! isRootTile || ! this.fadeRootTiles || this.initialLayerRendered ) {
+		if ( ! isRootTile || this.fadeRootTiles || this.initialLayerRendered ) {
 
 			this._fadeManager.fadeIn( scene );
 

example/src/controls/GlobeControls.js

@@ -76,6 +76,7 @@ export class GlobeControls extends TileControls {
 		const {
 			camera,
 			scene,
+			pivotMesh,
 		} = this;
 
 		// clamp the camera distance
@@ -94,6 +95,11 @@ export class GlobeControls extends TileControls {
 		// when adjusting the up frame while moving hte camera
 		if ( distanceToCenter > GLOBE_TRANSITION_THRESHOLD ) {
 
+			if ( this._dragMode !== 1 && this._rotationMode !== 1 ) {
+
+				pivotMesh.visible = false;
+
+			}
 			this.reorientOnDrag = false;
 			this.reorientOnZoom = true;
 

example/src/controls/TileControls.js

@@ -717,7 +717,7 @@ export class TileControls {
 
 		// clamp the rotation to be within the provided limits
 		// clamp to 0 here, as well, so we don't "pop" to the the value range
-		const angle = _localUp.angleTo( _forward );
+		const angle = up.angleTo( _forward );
 		if ( altitude > 0 ) {
 
 			altitude = Math.min( angle - minAltitude - 1e-2, altitude );