# How do i make a bitmap text input field?

**URL:** <https://phaser.discourse.group/t/how-do-i-make-a-bitmap-text-input-field/9761>\
**Category:** Phaser 3\
**Created:** [June 9, 2021, 9:37pm UTC](https://phaser.discourse.group/t/how-do-i-make-a-bitmap-text-input-field/9761 "2021-06-09T21:37:31Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Quinten](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/quinten/32/5279_2.png) [@Quinten](https://phaser.discourse.group/u/Quinten)\
**Post date:** [June 9, 2021, 9:37pm UTC](https://phaser.discourse.group/t/how-do-i-make-a-bitmap-text-input-field/9761/1 "2021-06-09T21:37:31Z")

</div>

Does someone know a great tutorial, plugin or example for having the player input text, but with a bitmap font?

Doesn’t have to be multiline.  
Just typing and backspace.  
copy paste would be nice to have but not necessary  
same with selecting text  
or using arrow keys

If you have other UX ideas you can do with text, i’d also like to hear, for when i will try to build it myself…

---

<div class="post-metadata">

**Author:** ![Lupo](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/lupo/32/4808_2.png) [@Lupo](https://phaser.discourse.group/u/Lupo)\
**Post date:** [June 10, 2021, 3:14pm UTC](https://phaser.discourse.group/t/how-do-i-make-a-bitmap-text-input-field/9761/2 "2021-06-10T15:14:15Z")

</div>

how about just catching the keycodes and rendering the corresponding bitmap font character in an area, e.g. GameObject

---

<div class="post-metadata">

**Author:** ![samme](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/samme/32/5275_2.png) [@samme](https://phaser.discourse.group/u/samme)\
**Post date:** [June 10, 2021, 5:26pm UTC](https://phaser.discourse.group/t/how-do-i-make-a-bitmap-text-input-field/9761/3 "2021-06-10T17:26:41Z")

</div>

See `anyKey()` in [http://labs.phaser.io/edit.html?src=src/input/keyboard/retro%20leaderboard.js&v=3.55.2](http://labs.phaser.io/edit.html?src=src/input/keyboard/retro%20leaderboard.js&v=3.55.2).

---

<div class="post-metadata">

**Author:** ![Quinten](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/quinten/32/5279_2.png) [@Quinten](https://phaser.discourse.group/u/Quinten)\
**Post date:** [June 11, 2021, 4:06pm UTC](https://phaser.discourse.group/t/how-do-i-make-a-bitmap-text-input-field/9761/4 "2021-06-11T16:06:55Z")

</div>

Thanks for the ideas, @Lupo and @samme 🙂

Maybe a good idea to make it a little retro keyboard instead of a boring textfield, so it is also useful with gamepads.