How to create a text input UI component, with a downloadable class file and examples.

Posted on 4th Jul 2019. Follow @phaser_ and get the Phaser World newsletter.

image

PhaserGames.com has a series of tutorials on creating UI: "About a month ago I needed to find a way to implement a Phaser 3 input text field. This was due to needing to put a form into a Phaser 3 virtual world project I was working on. I had already placed an input element below the canvas for users to send chats to each other, but this needed much more space.

Could I accomplish my project’s goals without having to totally rewrite a text field, dropdowns, and other form elements ?"

Read More

Learn to code and lead your intrepid crew on a mission to save The Cloud in TwilioQuest, a PC role-playing game inspired by classics of the 16-bit era. Free forever, and available now for Windows, Mac, and Linux.

The first book on the creation of HTML5 cross platform games using Phaser 3 and other free software.
  • By Emanuele Feronato
  • 155 Pages
  • 28 Source Code Examples
  • Build a complete game from start to finish
  • Cross Platform
  • Scaling for devices
Buy Now
$19