Smooth zoom on clicked element

Phaser 3
1

Hello, i create simple element with event

let myElem =this.myGame.create(100,200, 'element')
		 .setInteractive()
		 .on('pointerdown', function(e){
              this.cameras.main.setPosition(myElem.x,myElem.y);
                   // zoom x2?
		});

but have a few problems, camera is set position instant, not smooth like i want.

position camera is really weird, element is reposition into left corner map.

how to fix it?

2

You’ll want to use zoomTo, and possibly a calculated value for centerOn.