Mouse events on transparent sprite

Phaser 3
1

There is a sprite on scene with alpha. All mouse events are invoked by whole sprite area, even transparent pixels. How can I to ignore transparent area?

Second way to resolve problem is an attaching shape to sprite? I have generate json for that spite by PhysicsEditor. How to attach that shape to sprite?

In Phaser 2 that problem may be solved by using that code (deprecated):

sprite.input.pixelPerfectOver = true;

2 
gameObject.setInteractive({
    hitArea: shape,
    hitAreaCallback: callback,
    draggable: false,
    dropZone: false,
    useHandCursor: false,
    cursor: CSSString,
    pixelPerfect: false,
    alphaTolerance: 1
});
3

Thanks! Object { pixelPerfect: true, alphaTolerance: 1 } helped to solve the problem.
But other way with { hitArea: shape } does not work.
Is there a working example for shapes loaded from json? May be shape is invalid.

4

The gameObject.setInteractive is not meant for Matter shapes.

A shape from PhysicsEditor is meant for a Matter Sprite.
It has its own parser (‘fromPhysicsEditor’, PhysicsEditorParser.js).

If you are using a Matter Sprite, the JSON should work.
Otherwise you’ll have to parse the JSON yourself (or via Matter), and use the vertices like so:
https://labs.phaser.io/edit.html?src=src/input\mouse\shape%20hit%20tests.js