Set cursor style

[wm1sr]

How to set the cursor style to none, for example?

 

When I try to set it manually before the pixi render the stage, the cursor is set to default again.

So I suppose there is a way to set the cursor style using a pixi attribute/function!?

[xerver]

The next version of pixi will use "inherit" so your css will override.

[Mat Groves]

Hi there!

 

There latest version of the dev branch now supports different cursor styles.

Each sprite has a defaultCursor property 

var mySprite = PIXI.Sprite.fromImage("myPIcture.png");// to activate a custom cursor the sprite must be interactive and have button mode set to truemySprite.interactive = true;mySprite.buttonMode = true;// now you can set the cursor to be what you needmySprite.defaultCursor = "crosshair";

Hope this is useful to you!

 

 

[Shadowstep33]

Does that cursor style property work with images? For example, is:

mySprite.defaultCursor = "url(http://blah.com/jpeg.png)";

correct?

[Sharpleaf]

Does that cursor style property work with images? For example, is:

mySprite.defaultCursor = "url(http://blah.com/jpeg.png)";

correct?

I, too, would like to know the answer to this.

Is there a way to set a sprites default cursor to an image?

[kaizoku]

Re-iterating this: Is there a standard way of setting the cursor to be your own image/sprite?

 

We've been creating a sprite and changing its position to match the mouse pointer, but now we run into an issue where mouse events aren't triggering because the mouse is hovering on the mouse cursor sprite and not for example the button sprite you're trying to click.

[xetra11]

I'm curious as well...is there really no possibility?

[abetusk]

This is a little late but I was trying to do this with Pixi v4.  I needed it for the 'stage' (now a PIXI.Container I believe).  The following "works for me":

...
var stage = new PIXI.Container();
...
stage.buttonMode = true;
stage.interactive = true;
stage.hitArea = new PIXI.Rectangle(0, 0, 800, 600);
stage.defaultCursor = "url(cursor.png) 3 2, auto";

Where 'cursor.png' is the png of the cursor to use.  Note that, for me, it doesn't work without the "..., auto" at the end, nor does it work if you don't specify a 'hitArea'.

Hope that helps.