Make geometry Interactive

[Pau 1]

Hello!

I would like to make geometry interactive.

I have this code:

var puerta1 = new Phaser.Geom.Rectangle(500, 100, 230, 430).setInteractive()
var graphics = this.add.graphics({ fillStyle: { color: 0xff0000 } });
graphics.fillRectShape(puerta1);

But the console is telling me that setInteractive is not a function.

How can i make puerta1 object interactive?

Thanks in advance

[samme 719]

It must be done on the Graphics object, and I think you have to specify a hit area as well.

[Pau 1]

Hello!
I followed to advice and now the event triggers, but i happens when the mouse enter in the canvas

var puerta1 = new Phaser.Geom.Rectangle(500, 100, 230, 430)
var graphics1 = this.add.graphics({ fillStyle: { color: 0xff0000 } });
graphics1.fillRectShape(puerta1)
graphics1.setInteractive(puerta1, puertaPulsada)

...


function puertaPulsada(puerta){
alert("enter")
}

 

[Pau 1]

I founded,

but i wanted to make a geometry interactive inside an sprite, and there is an special code for it:

 

var mazmorra = juego.add.sprite(480, 320, 'mazmorra');
var puerta1 = juego.add.zone(150, 140, 210, 410)
puerta1.setInteractive();
puerta1.on('pointerdown', puertaPulsada);