Clickable graphics line

[Xylops]

  

Sorry guys, I've just start using phaser, i wonder if it is possible for to create a line which is clickable?

Here's the code

    function create(){
        graphics = this.add.graphics();
        graphics.lineStyle(20, 0x33FF00);
        graphics.moveTo(100,200);
        graphics.lineTo(300, 200);

        graphics.inputEnabled = true;
        graphics.input.useHandCursor = true;
        graphics.events.onInputDown.add(function(){
            console.log('Clicked');
        });
    }

 

 

When i use inputEnabled method,  it works on most of other things like sprite or image, but for graphics it wont respond. 

I've look into the offical example provide by phaser web
http://phaser.io/examples/v2/display/graphics-input-events

i saw them adding 

graphics.input.useHandCursor = true;

However for some reason it doesn't work like the example?

 

Thank You so much for the time

[squilibob]

Instead of using a line, you should be creating a rectangle and setting the onInputDown click handler on that.

[samme]

Hi Xylops, Phaser tests only filled shapes for Graphics input. You can use a filled rectangle instead of a line (@squilibob) or you can add a `hitArea` rectangle for the Graphics object: http://codepen.io/anon/pen/BLLzKo?editors=0010