|  |  | 
 |  |  |     sprite.off('pointerdown'); | 
 |  |  |     sprite.off('click'); | 
 |  |  |  | 
 |  |  |     let viewTarget; | 
 |  |  |     sprite.on("click", onClick); | 
 |  |  |  | 
 |  |  |     function onClick(event) { | 
 |  |  | 
 |  |  |                 mapContainer.addChild(sprite); | 
 |  |  |             } | 
 |  |  |         }) | 
 |  |  |          | 
 |  |  |  | 
 |  |  |     }).catch((error) => { | 
 |  |  |         console.error(error); | 
 |  |  |     }) | 
 |  |  | 
 |  |  |         }); | 
 |  |  |         childList = []; | 
 |  |  |     } | 
 |  |  | } | 
 |  |  |  | 
 |  |  | export const beCenter = (sprite) => { | 
 |  |  |     if (!sprite || !app || !mapContainer) { | 
 |  |  |         return; | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     mapContainer.scale.set(1); | 
 |  |  |     mapContainer.position.set(0, 0); | 
 |  |  |  | 
 |  |  |     let bounds = sprite.getBounds(); | 
 |  |  |     let centerPoint = { | 
 |  |  |         x: bounds.x + bounds.width / 2, | 
 |  |  |         y: bounds.y + bounds.height / 2 | 
 |  |  |     }; | 
 |  |  |  | 
 |  |  |     let targetPos = { | 
 |  |  |         x: app.renderer.width / 3 - centerPoint.x * mapContainer.scale.x, | 
 |  |  |         y: app.renderer.height / 3 - centerPoint.y * mapContainer.scale.y | 
 |  |  |     }; | 
 |  |  |  | 
 |  |  |     new TWEEDLE.Tween(mapContainer.position).easing(TWEEDLE.Easing.Quadratic.Out) | 
 |  |  |         .to(targetPos, 500).start(); | 
 |  |  | } |