UI Elements on Phaser 3

[T0YN3TT]

I want to make an login system with phaser 3? how it is possible?

[snowbillr]

You could either create your own buttons and text inputs using Phaser's GameObjects and input events, or you could layer some HTML elements over your game and use HTML/CSS/JS to create your log in form.

As far as accounts and authentication goes, you'll need to have a server running that holds all that information and logic.

This isn't a small task.

[T0YN3TT]

Just now, snowbillr said:

You could either create your own buttons and text inputs using Phaser's GameObjects and input events, or you could layer some HTML elements over your game and use HTML/CSS/JS to create your log in form.

As far as accounts and authentication goes, you'll need to have a server running that holds all that information and logic.

This isn't a small task.

Thanks. I want to make with HTML elements, do you know some tutorial to do this?

[snowbillr]

This tutorial isn't for creating a log in screen, but it is for creating an HTML overlay for your game: https://www.joshmorony.com/creating-a-shop-with-purchasable-items-in-a-phaser-game/

So not exactly what you are looking for but it has the same concept.

[Doug]

I would probably avoid trying to create the login form etc within Phaser.  As @snowbillr has hinted at, this would not be all that easy and you're going to need a workaround.

Maybe a better approach would be to create an HTML form within a div with a background so that it looks pretty and as if it's a part of the game, but is actually just pure html, css, JS etc and then create or show the Phaser game instance after the login has been processed.