Hide Mouse Cursor?

[evan312]

Hi!

Is there a way to hide the mouse cursor built-in to phaser? If not, how can I do it in plain html5?

 

I put a 'cursor: none'  under canvas in my stylesheet, but I think the canvas that phaser makes takes precedence over it with: 

 

<canvas width="800" height="600" style="display: block; -webkit-user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: default;"></canvas>

 

as i can see with my debugging console.

 

Thanks!

Evan

 

PS Just starting out with html5 game development and I am really loving Phaser! 

[rich]

Hi - that's a good point, it does indeed set the cursor to default. I have just added a fix for this which is now in the dev branch on github, it will check and if the cursor is set to none it won't try and change it, otherwise it will.

[evan312]

That's awesome! Good to know there is quick help available.

Thanks!

[evan312]

sorry, incoming noob question!

What do I put where from the phaser-dev folder to successfully use the changes you made?

 

I downloaded phaser-dev, then copied phaser.min.js from the build folder and put it in my project folder along with my main.js, index.html, and all the rest, but i seem to be having the same issue!

[XekeDeath]

The phaser.min.js wont be the latest dev version, you will need to link all the files like the examples do, or build and minify them yourself.

[rich]

Yeah we don't push new build files for dev - you could generate one yourself using the provided grunt script though.