Add "load-root-tileset" event

Author: gkjohnson

README.md

@@ -83,7 +83,7 @@ import { TilesRenderer } from '3d-tiles-renderer';
 const tilesRenderer = new TilesRenderer( './path/to/tileset.json' );
 tilesRenderer.setCamera( camera );
 tilesRenderer.setResolutionFromRenderer( camera, renderer );
-tilesRenderer.addEventListener( 'load-tileset', () => {
+tilesRenderer.addEventListener( 'load-root-tileset', () => {
 
 	// optionally center the tileset in case it's far off center
 	const sphere = new Sphere();

example/three/cesiumCompare.js

@@ -264,7 +264,7 @@ async function initThree() {
 	tiles.setCamera( camera );
 
 	let controls;
-	tiles.addEventListener( 'load-tileset', () => {
+	tiles.addEventListener( 'load-root-tileset', () => {
 
 		// position the camera based on the model
 		const sphere = new Sphere();

example/three/ionExample.js

@@ -69,7 +69,7 @@ function reinstantiateTiles() {
 
 	tiles = new TilesRenderer();
 	tiles.registerPlugin( new CesiumIonAuthPlugin( { apiToken: params.ionAccessToken, assetId: params.ionAssetId } ) );
-	tiles.addEventListener( 'load-tileset', () => {
+	tiles.addEventListener( 'load-root-tileset', () => {
 
 		// because ion examples typically are positioned on the planet surface we can orient
 		// it such that up is Y+ and center the model

src/core/renderer/tiles/TilesRendererBase.js

@@ -360,6 +360,11 @@ export class TilesRendererBase {
 						tileset: root,
 						url: processedUrl,
 					} );
+					this.dispatchEvent( {
+						type: 'load-root-tileset',
+						tileset: root,
+						url: processedUrl,
+					} );
 
 				} )
 				.catch( error => {

src/three/plugins/ReorientationPlugin.js

@@ -104,11 +104,11 @@ export class ReorientationPlugin {
 
 			}
 
-			tiles.removeEventListener( 'load-tileset', this._callback );
+			tiles.removeEventListener( 'load-root-tileset', this._callback );
 
 		};
 
-		tiles.addEventListener( 'load-tileset', this._callback );
+		tiles.addEventListener( 'load-root-tileset', this._callback );
 
 		if ( tiles.root ) {
 
@@ -138,7 +138,7 @@ export class ReorientationPlugin {
 		group.quaternion.identity();
 		group.scale.set( 1, 1, 1 );
 
-		this.tiles.removeEventListener( 'load-tileset', this._callback );
+		this.tiles.removeEventListener( 'load-root-tileset', this._callback );
 
 	}
 

src/three/renderer/tiles/TilesRenderer.d.ts

@@ -7,6 +7,7 @@ export interface TilesRendererEventMap {
 	'add-camera': { camera: Camera };
 	'delete-camera': { camera: Camera };
 	'camera-resolution-change': {};
+	'load-root-tileset': { tileset: object, url: string };
 	'load-tileset': { tileset: object, /* @deprecated Use tileset instead */ tileSet?: object, url: string };
 	/* @deprecated Use 'load-tileset' instead */
 	'load-tile-set': { tileset: object, /* @deprecated Use tileset instead */ tileSet?: object, url: string };

test/three/TilesRenderer.test.ts

@@ -29,6 +29,7 @@ function typecheck( renderer: TilesRenderer ) {
 	renderer.addEventListener( 'add-camera', addCamera );
 	renderer.addEventListener( 'delete-camera', deleteCamera );
 	renderer.addEventListener( 'camera-resolution-change', emptyEvent );
+	renderer.addEventListener( 'load-root-tileset', emptyEvent );
 	renderer.addEventListener( 'load-tileset', loadTileset );
 	renderer.addEventListener( 'tiles-load-start', emptyEvent );
 	renderer.addEventListener( 'tiles-load-end', emptyEvent );